/* Top hook CSS */
#htmlcontent_top ul {
  margin: 0; }
  #htmlcontent_top ul li {
    width: 100%;
    float: none;
    padding: 0; }
  #htmlcontent_top ul .item-html {
    border: 5px solid #F0F0E8;
    background: transparent url("images/banner_bg.png") no-repeat scroll 0% 0%;
    padding: 28px 20px 48px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0px 2px 5px 0px rgba(250, 250, 246, 0.1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f7e9+0,fdfefb+100 */
    background: #f2f7e9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f2f7e9 0%, #fdfefb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f7e9), color-stop(100%, #fdfefb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f7e9 0%, #fdfefb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f7e9 0%, #fdfefb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f7e9 0%, #fdfefb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f2f7e9 0%, #fdfefb 100%);
    /* W3C */ }
    #htmlcontent_top ul .item-html:hover {
      border-color: #f6c636; }
    @media (max-width: 479px) {
      #htmlcontent_top ul .item-html {
        padding-bottom: 28px; } }
  #htmlcontent_top ul h2 {
    text-align: center;
    font-size: 50px;
    line-height: 54px;
    text-transform: uppercase;
    color: #4B4B4B;
    margin: 0; }
    @media (max-width: 767px) {
      #htmlcontent_top ul h2 {
        font-size: 42px;
        line-height: 50px; } }
    @media (max-width: 479px) {
      #htmlcontent_top ul h2 {
        font-size: 22px;
        line-height: 32px; } }
    #htmlcontent_top ul h2 span {
      color: #FFBF28;
      position: relative;
      padding-right: 50px;
      display: inline-block; }
      #htmlcontent_top ul h2 span:before {
        display: block;
        position: absolute;
        right: 7px;
        bottom: 19px;
        content: "";
        background: transparent url("../img/banner-logo.png") no-repeat 0 0;
        width: 35px;
        height: 25px; }
        @media (max-width: 479px) {
          #htmlcontent_top ul h2 span:before {
            bottom: 9px; } }
  #htmlcontent_top ul h3 {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    color: #A0A08B;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 14px; }
    @media (max-width: 479px) {
      #htmlcontent_top ul h3 {
        font-size: 18px;
        line-height: 22px; } }
  #htmlcontent_top ul p {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #AFAFAF;
    text-decoration: none;
    margin: 0; }
  #htmlcontent_top ul span {
    color: #383939; }
  #htmlcontent_top ul span.price {
    font-weight: bold;
    color: #383939; }
  #htmlcontent_top ul h4 {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #28970A;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 14px; }
    @media (max-width: 479px) {
      #htmlcontent_top ul h4 {
        font-size: 16px;
        line-height: 18px; } }
    #htmlcontent_top a:hover h4,
    #htmlcontent_top a:hover h4 span {
        color: #FF6C26;
    }

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