/* Top hook CSS */
#htmlcontent_top {
  float: right;
  width: 100%; }
  @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%;
    text-align: center;
    position: relative;
    min-height: 520px;
    background: #efeff1; }
    #htmlcontent_top ul li:hover h4, #htmlcontent_top ul li:hover h3 {
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
    #htmlcontent_top ul li .item-html {
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    #htmlcontent_top ul li h4 {
      font-family: "Open Sans", sans-serif;
      font-size: 40px;
      line-height: 45px;
      font-weight: 300;
      color: #263747;
      margin-bottom: 0;
      -moz-transition: 0.4s linear all;
      -o-transition: 0.4s linear all;
      -webkit-transition: 0.4s linear all;
      transition: 0.4s linear all; }
      @media only screen and (max-width: 991px) {
        #htmlcontent_top ul li h4 {
          font-size: 30px;
          line-height: 45px; } }
    #htmlcontent_top ul li h3 {
      font-family: "Open Sans", sans-serif;
      font-size: 64px;
      line-height: 58px;
      font-weight: 700;
      text-transform: uppercase;
      color: #f24429;
      margin-top: 0;
      -moz-transition: 0.4s linear all;
      -o-transition: 0.4s linear all;
      -webkit-transition: 0.4s linear all;
      transition: 0.4s linear all; }
      @media only screen and (max-width: 991px) {
        #htmlcontent_top ul li h3 {
          font-size: 50px;
          line-height: 55px; } }
    @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; }

#htmlcontent_home .parallax_section {
  min-height: 462px; }
  @media only screen and (max-width: 767px) {
    #htmlcontent_home .parallax_section {
      min-height: 225px; } }
#htmlcontent_home ul {
  margin-bottom: 0; }
  #htmlcontent_home ul li {
    background: #efeff1;
    min-height: 462px; }
    #htmlcontent_home ul li .item-html {
      z-index: 5;
      position: absolute;
      width: 90%;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  #htmlcontent_home ul h4 {
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 58px;
    line-height: 58px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    -webkit-transition: 0.4s linear all;
    transition: 0.4s linear all; }
    @media only screen and (max-width: 767px) {
      #htmlcontent_home ul h4 {
        display: none; } }
  #htmlcontent_home ul h5 {
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 42px;
    line-height: 46px;
    font-weight: 300;
    text-transform: uppercase;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    -webkit-transition: 0.4s linear all;
    transition: 0.4s linear all; }
    @media only screen and (max-width: 767px) {
      #htmlcontent_home ul h5 {
        display: none; } }

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