/* Top hook CSS */
#htmlcontent_top {
  float: right;
  width: 33.4%;
  max-width: 391px;
  padding-left: 10px; }
  @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; }
    @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; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */
@media (max-width: 767px) {
  #htmlcontent_home ul.htmlcontent-home {
    text-align: center; } }
#htmlcontent_home ul.htmlcontent-home li {
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    #htmlcontent_home ul.htmlcontent-home li {
      display: inline-block;
      float: none;
      width: 50%; } }
  #htmlcontent_home ul.htmlcontent-home li a.item-link {
    background: #fcfcfc;
    display: block;
    text-align: left;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 5px 5px #eee;
    -moz-box-shadow: 0 0 5px 5px #eee;
    box-shadow: 0 0 5px 5px #eee; }
    #htmlcontent_home ul.htmlcontent-home li a.item-link img {
      height: auto;
      width: 100%; }
    #htmlcontent_home ul.htmlcontent-home li a.item-link .item-html {
      padding: 20px 5px 25px 28px;
      position: relative; }
      #htmlcontent_home ul.htmlcontent-home li a.item-link .item-html h2 {
        color: #3f3f45;
        font: 23px/42px "Tinos", serif;
        margin: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      #htmlcontent_home ul.htmlcontent-home li a.item-link .item-html button {
        background: none;
        border: none;
        bottom: 18px;
        color: #3b424b;
        font: 12px/12px "Tinos", serif;
        position: absolute;
        right: 10px;
        text-transform: capitalize; }
      @media (min-width: 992px) and (max-width: 1199px) {
        #htmlcontent_home ul.htmlcontent-home li a.item-link .item-html {
          padding-left: 20px;
          padding-bottom: 10px; }
          #htmlcontent_home ul.htmlcontent-home li a.item-link .item-html h2 {
              font-size: 18px;
              line-height: 65px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #htmlcontent_home ul.htmlcontent-home li a.item-link .item-html {
          padding-left: 15px; }
          #htmlcontent_home ul.htmlcontent-home li a.item-link .item-html h2 {
            font-size: 13px;
            line-height: 35px; } }
    #htmlcontent_home ul.htmlcontent-home li a.item-link:hover {
      border-color: #a5a5a5;
      -webkit-box-shadow: 0 0 5px 5px #a5a5a5;
      -moz-box-shadow: 0 0 5px 5px #a5a5a5;
      box-shadow: 0 0 5px 5px #a5a5a5; }
      #htmlcontent_home ul.htmlcontent-home li a.item-link:hover .item-html h2 {
        color: #e31c00; }
        @media (min-width: 992px) {
          #htmlcontent_home ul.htmlcontent-home li a.item-link:hover .item-html h2 {
            -webkit-animation: 400ms ease-in-out 0s normal none 1 moveFromLeft;
            animation: 400ms ease-in-out 0s normal none 1 moveFromLeft; } }
      #htmlcontent_home ul.htmlcontent-home li a.item-link:hover .item-html button {
        color: #c7c7c7; }
        @media (min-width: 992px) {
          #htmlcontent_home ul.htmlcontent-home li a.item-link:hover .item-html button {
            -webkit-animation: 400ms ease-in-out 0s normal none 1 moveFromRight;
            animation: 400ms ease-in-out 0s normal none 1 moveFromRight; } }
  @media (max-width: 479px) {
    #htmlcontent_home ul.htmlcontent-home li {
      margin-bottom: 20px;
      width: 100%; } }

@-webkit-keyframes moveFromLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200%); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }
@keyframes moveFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-200%); }

  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-webkit-keyframes moveFromRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200%); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%); } }
@keyframes moveFromRight {
  0% {
    opacity: 0;
    transform: translateX(200%); }

  100% {
    opacity: 1;
    transform: translateX(0%); } }