/* Top hook CSS */
#htmlcontent_top ul {
  margin: 0; }
  #htmlcontent_top ul li {
    padding: 0;
    position: relative; }
    #htmlcontent_top ul li:last-child {
      margin-bottom: -1px; }
    #htmlcontent_top ul li img {
      width: 100% !important;
      height: auto !important; }
    #htmlcontent_top ul li a {
      display: block; }
      #htmlcontent_top ul li a:hover .item-html button {
        background: #fff;
        color: #262626; }
    #htmlcontent_top ul li .item-html {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      font-size: 0; }
      #htmlcontent_top ul li .item-html:before {
        display: inline-block;
        width: 0;
        content: "";
        vertical-align: middle;
        height: 100%; }
      #htmlcontent_top ul li .item-html > div {
        display: inline-block;
        vertical-align: middle;
        width: 98%;
        font: 300 20px/30px "Ubuntu", sans-serif;
        font: 300 3vw/3.5vw "Ubuntu", sans-serif !important; }
        @media (min-width: 1200px) {
          #htmlcontent_top ul li .item-html > div {
            font: 300 30px/40px "Ubuntu", sans-serif;
            font: 300 1.65vw/2vw "Ubuntu", sans-serif !important; } }
        @media (max-width: 767px) {
          #htmlcontent_top ul li .item-html > div {
            font: 300 13px/18px "Ubuntu", sans-serif; } }
      #htmlcontent_top ul li .item-html h2 {
        margin: 0 0 10px;
        margin: 0 0 1vw !important;
        font: normal 60px/70px "Yeseva One", cursive;
        font: normal 7vw/7.5vw "Yeseva One", cursive !important; }
        @media (min-width: 1200px) {
          #htmlcontent_top ul li .item-html h2 {
            font: normal 40px/50px "Yeseva One", cursive;
            font: normal 5.35vw/5.95vw "Yeseva One", cursive !important; } }
        @media (max-width: 767px) {
          #htmlcontent_top ul li .item-html h2 {
            font: normal 25px/30px "Yeseva One", cursive; } }
        #htmlcontent_top ul li .item-html h2 span {
          display: block; }
      #htmlcontent_top ul li .item-html p {
        letter-spacing: .33vw;
        margin: 0 0 10px;
        margin: 0 0 2.1vw !important; }
      #htmlcontent_top ul li .item-html button {
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background: none;
        border: 2px solid #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        font: normal 16px/24px "Yeseva One", cursive;
        font: normal 1.5vw/2vw "Yeseva One", cursive !important;
        padding: 7px 20px;
        padding: 1vw 2.3vw !important;
        text-transform: uppercase;
        font-weight: normal; }
        @media (min-width: 1200px) {
          #htmlcontent_top ul li .item-html button {
            font: normal 20px/30px "Yeseva One", cursive;
            padding: 10px 30px;
            font: normal 1vw/1.5vw "Yeseva One", cursive !important;
            padding: 0.615vw 2.3vw !important; } }
        @media (max-width: 767px) {
          #htmlcontent_top ul li .item-html button {
            padding: 4px 10px;
            font: normal 12px/18px "Yeseva One", cursive;
            font: normal 2.5vw/3vw "Yeseva One", cursive !important;
            border: 1px solid #fff; } }

/* Top hook CSS */
#htmlcontent_home ul {
  margin: 0; }
  #htmlcontent_home ul li {
    padding: 0;
    position: relative; }
	    #htmlcontent_home ul li.htmlcontent-item-1,#htmlcontent_home ul li.htmlcontent-item-2, #htmlcontent_home ul li.htmlcontent-item-5, #htmlcontent_home ul li.htmlcontent-item-8, #htmlcontent_home ul li.htmlcontent-item-11, #htmlcontent_home ul li.htmlcontent-item-14 {
      clear: left; }
    #htmlcontent_home ul li a {
      background: #262626;
      display: block; }
      #htmlcontent_home ul li a img {
        opacity: 1; }
      #htmlcontent_home ul li a:hover img {
        opacity: 1; }
      #htmlcontent_home ul li a:hover .item-html button {
        background: #fff;
        color: #262626; }
    #htmlcontent_home ul li.htmlcontent-item-1 a {
      background: #fff; }
   #htmlcontent_home ul li.htmlcontent-item-1{
      width: 100%; }   
   #htmlcontent_home ul li.htmlcontent-item-4, #htmlcontent_home ul li.htmlcontent-item-5, #htmlcontent_home ul li.htmlcontent-item-8, #htmlcontent_home ul li.htmlcontent-item-9 ,#htmlcontent_home ul li.htmlcontent-item-11, #htmlcontent_home ul li.htmlcontent-item-12{
      width: 33.33%; }
      #htmlcontent_home ul li.htmlcontent-item-1 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-4 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-5 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-8 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-9 .item-html > div {
        font: 300 18px/24px "Ubuntu", sans-serif;
        font: 300 2.5vw/3vw "Ubuntu", sans-serif !important;}
        @media (min-width: 1200px) {
          #htmlcontent_home ul li.htmlcontent-item-1 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-4 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-5 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-8 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-9 .item-html > div {
            font: 300 20px/24px "Ubuntu", sans-serif;
            font: 300 1.3vw/1.8vw "Ubuntu", sans-serif !important; } }
        @media (max-width: 767px) {
          #htmlcontent_home ul li.htmlcontent-item-1 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-4 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-5 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-8 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-9 .item-html > div {
           font: 300 12px/18px "Ubuntu", sans-serif; } }
      #htmlcontent_home ul li.htmlcontent-item-1 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-4 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-5 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-8 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-9 .item-html h2 {
        font: normal 40px/50px "Yeseva One", cursive;
        font: normal 3.5vw/4.5vw "Yeseva One", cursive !important;
        margin: 0 0 10px;
        margin: 0 0 0.7vw !important; }
        @media (min-width: 1200px) {
          #htmlcontent_home ul li.htmlcontent-item-1 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-4 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-5 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-8 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-9 .item-html h2 {
            font: normal 30px/40px "Yeseva One", cursive;
            font: normal 2.4vw/2.8vw "Yeseva One", cursive !important; } }
        @media (max-width: 767px) {
          #htmlcontent_home ul li.htmlcontent-item-1 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-4 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-5 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-8 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-9 .item-html h2 {
           font: normal 14px/18px "Yeseva One", cursive;
            margin: 0; } }
      #htmlcontent_home ul li.htmlcontent-item-1 .item-html p, #htmlcontent_home ul li.htmlcontent-item-4 .item-html p, #htmlcontent_home ul li.htmlcontent-item-5 .item-html p, #htmlcontent_home ul li.htmlcontent-item-8 .item-html p, #htmlcontent_home ul li.htmlcontent-item-9 .item-html p {
        letter-spacing: .33vw;
        margin: 0 0 10px;
        margin: 0 0 2vw !important; }
    #htmlcontent_home ul li.htmlcontent-item-2, #htmlcontent_home ul li.htmlcontent-item-3, #htmlcontent_home ul li.htmlcontent-item-6, #htmlcontent_home ul li.htmlcontent-item-7, #htmlcontent_home ul li.htmlcontent-item-10 {
      width: 33.33%; }
      #htmlcontent_home ul li.htmlcontent-item-2 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-3 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-6 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-7 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-10 .item-html > div {
        font: 300 18px/24px "Ubuntu", sans-serif;
        font: 300 2.5vw/3vw "Ubuntu", sans-serif !important; }
        @media (min-width: 1200px) {
          #htmlcontent_home ul li.htmlcontent-item-2 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-3 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-6 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-7 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-10 .item-html > div {
            font: 300 20px/24px "Ubuntu", sans-serif;
            font: 300 1.3vw/1.8vw "Ubuntu", sans-serif !important; } }
        @media (max-width: 767px) {
          #htmlcontent_home ul li.htmlcontent-item-2 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-3 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-6 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-7 .item-html > div, #htmlcontent_home ul li.htmlcontent-item-10 .item-html > div {
            font: 300 12px/18px "Ubuntu", sans-serif; } }
      #htmlcontent_home ul li.htmlcontent-item-2 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-3 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-6 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-7 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-10 .item-html h2 {
        font: normal 40px/50px "Yeseva One", cursive;
        font: normal 3.5vw/4.5vw "Yeseva One", cursive !important;
        margin: 0 0 10px;
        margin: 0 0 0.7vw !important; }
        @media (min-width: 1200px) {
          #htmlcontent_home ul li.htmlcontent-item-2 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-3 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-6 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-7 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-10 .item-html h2 {
            font: normal 30px/40px "Yeseva One", cursive;
            font: normal 2.4vw/2.8vw "Yeseva One", cursive !important; } }
        @media (max-width: 767px) {
          #htmlcontent_home ul li.htmlcontent-item-2 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-3 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-6 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-7 .item-html h2, #htmlcontent_home ul li.htmlcontent-item-10 .item-html h2 {
            font: normal 14px/18px "Yeseva One", cursive;
            margin: 0; } }
      #htmlcontent_home ul li.htmlcontent-item-2 .item-html p, #htmlcontent_home ul li.htmlcontent-item-3 .item-html p, #htmlcontent_home ul li.htmlcontent-item-6 .item-html p, #htmlcontent_home ul li.htmlcontent-item-7 .item-html p, #htmlcontent_home ul li.htmlcontent-item-10 .item-html p {
        letter-spacing: .33vw;
        margin: 0 0 10px;
        margin: 0 0 2vw !important; }
    #htmlcontent_home ul li img {
      width: 100% !important;
      height: auto !important; }
    #htmlcontent_home ul li .item-html {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      font-size: 0; }
      #htmlcontent_home ul li .item-html:before {
        display: inline-block;
        width: 0;
        content: "";
        vertical-align: middle;
        height: 100%; }
      #htmlcontent_home ul li .item-html > div {
        display: inline-block;
        vertical-align: middle;
        width: 98%; }
      #htmlcontent_home ul li .item-html h2 {
        font-family: "Yeseva One", cursive;
        font-weight: normal; }
        #htmlcontent_home ul li .item-html h2 span {
          display: block; }
      #htmlcontent_home ul li .item-html button {
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background: #edeef3;
        border: 2px solid #edeef3;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        font: normal 16px/24px "Yeseva One", cursive;
        font: normal 1.5vw/2vw "Yeseva One", cursive !important;
        padding: 7px 20px;
        padding: 1vw 2.3vw !important;
        text-transform: uppercase;
        font-weight: normal; }
        @media (min-width: 1200px) {
          #htmlcontent_home ul li .item-html button {
            font: normal 20px/30px "Yeseva One", cursive;
            padding: 10px 30px;
            font: normal 1vw/1.5vw "Yeseva One", cursive !important;
            padding: 0.615vw 2.3vw !important; } }
        @media (max-width: 767px) {
          #htmlcontent_home ul li .item-html button {
            padding: 4px 10px;
            font: normal 12px/18px "Yeseva One", cursive;
            font: normal 2.5vw/3vw "Yeseva One", cursive !important;
            border: 1px solid #fff; } }
      #htmlcontent_home ul li .item-html .dark {
        color: #333; }

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