/* Top hook CSS */
#htmlcontent_top ul {
  margin-bottom: 0; }
  #htmlcontent_top ul li {
    float: none;
    position: relative;
    text-align: center;
    width: 100%; }
    #htmlcontent_top ul li .item-html {
      left: 0;
      position: absolute;
      padding-left: 15px;
      padding-right: 15px;
      top: 20px;
      width: 100%; }
    #htmlcontent_top ul li h2 {
      color: white;
      font: 400 64px/85px "Roboto Slab", serif;
      margin: 0;
      padding: 0; }
      @media (max-width: 1500px) {
        #htmlcontent_top ul li h2 {
          font-size: 55px; } }
      @media (max-width: 1300px) {
        #htmlcontent_top ul li h2 {
          font-size: 50px;
          line-height: 1; } }
    #htmlcontent_top ul li h3 {
      color: #fc5047;
      font: italic 700 50px/20px "Lora", serif;
      margin: 0;
      padding: 0;
      -moz-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
      -o-transform: rotate(-8deg);
      -webkit-transform: rotate(-8deg);
      transform: rotate(-8deg); }
    #htmlcontent_top ul li img {
      height: auto;
      width: 100%; }
      @media (min-width: 767px) {
        #htmlcontent_top ul li img {
          max-width: 100%; } }
    @media (max-width: 1199px) {
      #htmlcontent_top ul li h2 {
        font-size: 45px; } }
    @media (max-width: 991px) {
      #htmlcontent_top ul li h2 {
        font-size: 35px;
        margin-bottom: 10px; } }
    @media (max-width: 767px) {
      #htmlcontent_top ul li .item-html {
        top: 20%; }
      #htmlcontent_top ul li img {
        height: 300px;
        width: auto; }
      #htmlcontent_top ul li h2 {
        font-size: 32px; } }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */
#htmlcontent_footer ul {
  margin-bottom: 0; }
  #htmlcontent_footer ul li {
    float: left;
    padding-top: 64px;
    width: 100%; }
    #htmlcontent_footer ul li blockquote {
      background: url("../../../../img/quote.png") no-repeat;
      border: none;
      color: #959595;
      font: italic 400 16px/25px "Lora", serif;
      padding: 10px 0 0; }
      #htmlcontent_footer ul li blockquote p {
        margin-bottom: 15px; }
      #htmlcontent_footer ul li blockquote strong {
        color: #2b2f3e;
        font: normal 600 14px/1 "Open Sans", sans-serif; }
    @media (max-width: 1199px) {
      #htmlcontent_footer ul li {
        padding-top: 40px; } }
    @media (max-width: 991px) {
      #htmlcontent_footer ul li {
        padding-top: 30px; } }
    @media (max-width: 767px) {
      #htmlcontent_footer ul li {
        padding-top: 20px; }
        #htmlcontent_footer ul li blockquote {
          background-position: center top; } }

/* Home hook CSS */
#htmlcontent_home ul {
  margin-bottom: 0; }
  #htmlcontent_home ul > li {
    margin-bottom: 60px;
    float: none;
    text-align: center;
    width: 100%; }
    #htmlcontent_home ul > li li {
      float: left;
      padding: 0 15px;
      width: 33.33%; }
    #htmlcontent_home ul > li a {
      display: block; }
    #htmlcontent_home ul > li img {
      display: inline-block;
      margin-bottom: 40px;
      max-width: 100%; }
    #htmlcontent_home ul > li h3 {
      color: #2b2f3e;
      font: 400 37px/37px "Roboto Slab", serif;
      margin: 0 0 60px; }
    #htmlcontent_home ul > li p {
      color: #2b2f3e;
      font-size: 14px;
      margin-bottom: 0; }
    #htmlcontent_home ul > li .icon {
      margin-bottom: 40px; }
      #htmlcontent_home ul > li .icon:after {
        font: 400 108px/1 "Restaurant Regular"; }
      #htmlcontent_home ul > li .icon.icon1:after {
        content: '\e811'; }
      #htmlcontent_home ul > li .icon.icon2:after {
        content: '\e81c'; }
      #htmlcontent_home ul > li .icon.icon3:after {
        content: '\e81a'; }
@media (max-width: 991px) {
  #htmlcontent_home ul li {
    margin-bottom: 40px; }
    #htmlcontent_home ul li h3 {
      font-size: 35px;
      margin-bottom: 40px; }
    #htmlcontent_home ul li .icon {
      margin-bottom: 20px; } }
@media (max-width: 767px) {
  #htmlcontent_home ul li {
    margin-bottom: 35px; }
    #htmlcontent_home ul li h3 {
      font-size: 30px;
      margin-bottom: 20px; }
    #htmlcontent_home ul li .icon {
      margin-bottom: 10px; }
    #htmlcontent_home ul li ul li {
      float: none;
      width: 100%; }
    #htmlcontent_home ul li img {
      margin-bottom: 20px; } }
@media (max-width: 479px) {
  #htmlcontent_home ul li {
    float: none;
    width: 100%; }
    #htmlcontent_home ul li h3 {
      font-size: 24px; } }