/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 66.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

/* Top hook CSS */
#htmlcontent_top {
  float: left;
  max-width: 100%;
  width:100%;
  position:relative;
  margin-bottom:10px;
  padding:0 15px 0 15px; }
    @media (max-width: 479px) {
        #htmlcontent_top {
            margin-bottom:0px;} }
#htmlcontent_top ul {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */  }
    @media (max-width: 479px) {
        #htmlcontent_top ul {
            display:block;} }
  #htmlcontent_top ul li {
    float:left;
    max-width:100%;
    width: auto;
    display:inline-block;
    position:relative;
    overflow: hidden;
    padding:0; }
    @media (min-width: 992px) {
    #htmlcontent_top ul li {
        max-width:50%;
        margin-left:10px;
        width: auto; }
    #htmlcontent_top ul li:first-child {
        margin-left:0; } }
     @media (min-width: 768px) and (max-width: 1199px) {
      #htmlcontent_top ul li {
        max-width:50%;
        margin-left:8px;
        width: auto; }
	  #htmlcontent_top ul li:first-child {
        margin-left:0; } }
     @media (min-width: 480px) and (max-width: 767px) {
      #htmlcontent_top ul li {
          max-width:50%;
          margin-left:6px;
          width: auto; }
	  #htmlcontent_top ul li:first-child {
          margin-left:0; } }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto;
      -webkit-transition: all 250ms ease-in;
      -moz-transition: all 250ms ease-in;
      -o-transition: all 250ms ease-in;
      transition: all 400ms ease-in; }
        @media (max-width: 479px) {
            #htmlcontent_top ul li {
                margin-bottom:6px; }
            #htmlcontent_top ul li img {
                width: 100%; } }
@media (min-width: 480px) {
#htmlcontent_top ul li img:hover {
    animation: animationFrames linear 0.8s;
    animation-iteration-count: 1;
    -webkit-animation: animationFrames linear 0.8s;
    -webkit-animation-iteration-count: 1;
    -moz-animation: animationFrames linear 0.8s;
    -moz-animation-iteration-count: 1;
    -o-animation: animationFrames linear 0.8s;
    -o-animation-iteration-count: 1;
    -ms-animation: animationFrames linear 0.8s;
    -ms-animation-iteration-count: 1;
}

@keyframes animationFrames{
    0% {
        margin-left:0px;
        margin-top:0px;
        padding-bottom:0px;
        opacity:1;
        transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
    15% {
        padding-bottom:25px;
        margin-top:-25px;    }
    30% {
        padding-bottom:0px;
        margin-top:0px;    }
    45% {
        padding-bottom:15px;
        margin-top:-15px;    }
    60% {
        padding-bottom:0px;
        margin-top:0px;    }
    75% {
        padding-bottom:5px;
        margin-top:-5px;    }
    100% {
        padding-bottom:0px;
        margin-left:0px;
        margin-top:0px;
        opacity:1;
        transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
}

@-moz-keyframes animationFrames{
    0% {
        margin-left:0px;
        margin-top:0px;
        padding-bottom:0px;
        opacity:1;
        -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
    15% {
        padding-bottom:25px;
        margin-top:-25px;    }
    30% {
        padding-bottom:0px;
        margin-top:0px;    }
    45% {
        padding-bottom:15px;
        margin-top:-15px;    }
    60% {
        padding-bottom:0px;
        margin-top:0px;    }
    75% {
        padding-bottom:5px;
        margin-top:-5px;    }
    100% {
        padding-bottom:0px;
        margin-left:0px;
        margin-top:0px;
        opacity:1;
        -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }}

@-webkit-keyframes animationFrames {
    0% {
        margin-left:0px;
        margin-top:0px;
        padding-bottom:0px;
        opacity:1;
        -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
    15% {
        padding-bottom:25px;
        margin-top:-25px;    }
    30% {
        padding-bottom:0px;
        margin-top:0px;    }
    45% {
        padding-bottom:15px;
        margin-top:-15px;    }
    60% {
        padding-bottom:0px;
        margin-top:0px;    }
    75% {
        padding-bottom:5px;
        margin-top:-5px;    }
    100% {
        padding-bottom:0px;
        margin-left:0px;
        margin-top:0px;
        opacity:1;
        -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
}

@-o-keyframes animationFrames {
    0% {
        margin-left:0px;
        margin-top:0px;
        padding-bottom:0px;
        opacity:1;
        -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
    15% {
        padding-bottom:25px;
        margin-top:-25px;    }
    30% {
        padding-bottom:0px;
        margin-top:0px;    }
    45% {
        padding-bottom:15px;
        margin-top:-15px;    }
    60% {
        padding-bottom:0px;
        margin-top:0px;    }
    75% {
        padding-bottom:5px;
        margin-top:-5px;    }
    100% {
        padding-bottom:0px;
        margin-left:0px;
        margin-top:0px;
        opacity:1;
        -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
}

@-ms-keyframes animationFrames {
    0% {
        margin-left:0px;
        margin-top:0px;
        padding-bottom:0px;
        opacity:1;
        -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
    15% {
        padding-bottom:25px;
        margin-top:-25px;    }
    30% {
        padding-bottom:0px;
        margin-top:0px;    }
    45% {
        padding-bottom:15px;
        margin-top:-15px;    }
    60% {
        padding-bottom:0px;
        margin-top:0px;    }
    75% {
        padding-bottom:5px;
        margin-top:-5px;    }
    100% {
        padding-bottom:0px;
        margin-left:0px;
        margin-top:0px;
        opacity:1;
        -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;    }
}

}

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