/* Top hook CSS */
@media (max-width: 767px) {
  #htmlcontent_top {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-top: 0; } }
#htmlcontent_top ul {
  margin: 0 -5px;
  padding-bottom: 19px; }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li.htmlcontent-item-6 .item-html {
    cursor: default;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 28px;
    width: 100%;
    border-bottom: 1px solid #080808;
    border-left: 1px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    border-top: 1px solid #4f4f4f;
    min-height: 145px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #4f4f4f;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #4f4f4f 0%, #404040 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #404040));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4f4f4f 0%, #404040 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4f4f4f 0%, #404040 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4f4f4f 0%, #404040 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4f4f4f 0%, #404040 100%);
    /* W3C */ }
    @media (max-width: 1199px) {
      #htmlcontent_top ul li.htmlcontent-item-6 .item-html {
        min-height: 117px;
        padding-top: 11px; } }
  #htmlcontent_top ul li.htmlcontent-item-6 h3 {
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    margin: 0 0 -6px;
    text-transform: uppercase;
    font-weight: normal; }
    @media (max-width: 1199px) {
      #htmlcontent_top ul li.htmlcontent-item-6 h3 {
        font-size: 35px; } }
  #htmlcontent_top ul li.htmlcontent-item-6 h4 {
    color: #55c632;
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 4px;
    font-weight: normal; }
  #htmlcontent_top ul li.htmlcontent-item-6 h5 {
    color: #acacac;
    font-size: 14px;
    line-height: normal;
    margin: -3px 0 0;
    font-weight: normal; }
  #htmlcontent_top ul li {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative; }
    @media (max-width: 991px) {
      #htmlcontent_top ul li {
        float: none;
        width: 100%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    @media (max-width: 1199px) {
      #htmlcontent_top ul li button {
        display: none; } }
    @media (max-width: 991px) {
      #htmlcontent_top ul li button {
        display: inline-block; } }
    @media (max-width: 479px) {
      #htmlcontent_top ul li button {
        display: none; } }
    #htmlcontent_top ul li a {
      display: block;
      position: relative;
      border: 1px solid #d9d9d9;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      overflow: hidden;
      background: #ffffff;
      /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f2f2f2));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, white 0%, #f2f2f2 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, white 0%, #f2f2f2 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
      /* W3C */ }
      #htmlcontent_top ul li a:hover h3 {
        -webkit-animation: moveFromTop 500ms ease;
        -moz-animation: moveFromTop 500ms ease;
        -ms-animation: moveFromTop 500ms ease; }
      #htmlcontent_top ul li a:hover h4 {
        -webkit-animation: moveFromLeft 400ms ease;
        -moz-animation: moveFromLeft 400ms ease;
        -ms-animation: moveFromLeft 400ms ease; }
      #htmlcontent_top ul li a:hover img {
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
      #htmlcontent_top ul li a:hover button {
        -webkit-animation: moveFromBottom 500ms ease;
        -moz-animation: moveFromBottom 500ms ease;
        -ms-animation: moveFromBottom 500ms ease; }
    #htmlcontent_top ul li .item-html {
      height: 100%;
      left: 5px;
      padding: 10px 0 0 39px;
      position: absolute;
      top: 6px;
      width: 67%; }
      @media (max-width: 1199px) {
        #htmlcontent_top ul li .item-html {
          padding: 10px 0 0 15px; } }
    #htmlcontent_top ul li h3 {
      color: #3f9923;
      font-size: 22px;
      line-height: 24px;
      margin: 0 0 -1px;
      font-family: "Roboto", sans-serif;
      font-weight: normal; }
      @media (max-width: 1199px) {
        #htmlcontent_top ul li h3 {
          font-size: 20px; } }
    #htmlcontent_top ul li h4 {
      margin-bottom: 10px;
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      line-height: 18px;
      margin-top: 4px;
      font-weight: normal; }
      @media (max-width: 479px) {
        #htmlcontent_top ul li h4 {
          display: none; } }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
      @media (max-width: 991px) {
        #htmlcontent_top ul li img {
          float: right;
          clear: right; } }

/* Left hook CSS */
/* Right hook CSS */
.footer-container #footer #htmlcontent_footer li {
  padding: 0 0 4px; }

/* Footer hook CSS */
#htmlcontent_footer {
  padding-top: 37px; }
  @media (max-width: 767px) {
    #htmlcontent_footer {
      padding-top: 15px; } }
  #htmlcontent_footer ul {
    margin: 0; }
  #htmlcontent_footer h3 {
    color: #3f9923;
    font-size: 21px;
    line-height: 22px;
    font-weight: normal;
    margin: 0 0 14px;
    font-family: "Roboto", sans-serif; }

@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -webkit-transform: translateX(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }
@-moz-keyframes moveFromLeft {
  from {
    -moz-transform: translateX(-100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -moz-transform: translateX(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }
@-ms-keyframes moveFromLeft {
  from {
    -ms-transform: translateX(-100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -ms-transform: translateX(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }
@-webkit-keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -webkit-transform: translateY(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }
@-moz-keyframes moveFromTop {
  from {
    -moz-transform: translateY(-100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -moz-transform: translateY(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }
@-ms-keyframes moveFromTop {
  from {
    -ms-transform: translateY(-100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -ms-transform: translateY(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }
@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -webkit-transform: translateY(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }
@-moz-keyframes moveFromBottom {
  from {
    -moz-transform: translateY(100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -moz-transform: translateY(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }
@-ms-keyframes moveFromBottom {
  from {
    -ms-transform: translateY(100%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  to {
    -ms-transform: translateY(0%);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }