/* Top hook CSS */
#htmlcontent_top ul {
  margin: 0; }
  #htmlcontent_top ul li {
    padding: 0; }
    @media (max-width: 479px) {
      #htmlcontent_top ul li {
        width: 100%; } }
    #htmlcontent_top ul li img {
      max-width: 100%;
      width: 100%;
      height: auto; }
    #htmlcontent_top ul li .item-link {
      display: block;
      position: relative;
      overflow: hidden; }
      #htmlcontent_top ul li .item-link:before {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: white;
        opacity: 0;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        z-index: 1;
        -moz-transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        -o-transform: scale(0.85, 0.85);
        -webkit-transform: scale(0.85, 0.85);
        transform: scale(0.85, 0.85); }
      #htmlcontent_top ul li .item-link img {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-transition: 0.7s all ease;
        -o-transition: 0.7s all ease;
        -webkit-transition: 0.7s all ease;
        transition: 0.7s all ease; }
      #htmlcontent_top ul li .item-link:hover:before {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.4; }
      #htmlcontent_top ul li .item-link:hover img {
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05); }
    #htmlcontent_top ul li .item-html {
      color: #333333; }
      #htmlcontent_top ul li .item-html h2 {
        font-size: 50px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin: 0; }
        @media (min-width: 480px) and (max-width: 767px) {
          #htmlcontent_top ul li .item-html h2 {
            font-size: 22px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          #htmlcontent_top ul li .item-html h2 {
            font-size: 30px; } }
        @media (min-width: 1550px) {
          #htmlcontent_top ul li .item-html h2 {
            font-size: 72px; } }
      #htmlcontent_top ul li .item-html h3 {
        font-size: 26px;
        font-weight: 400;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin: 0; }
        @media (min-width: 480px) and (max-width: 767px) {
          #htmlcontent_top ul li .item-html h3 {
            font-size: 16px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          #htmlcontent_top ul li .item-html h3 {
            font-size: 18px; } }
        @media (min-width: 1550px) {
          #htmlcontent_top ul li .item-html h3 {
            font-size: 40px; } }
      #htmlcontent_top ul li .item-html h2 + h3 {
        margin-top: 3px; }
    #htmlcontent_top ul li img + .item-html {
      position: absolute;
      top: 50%;
      left: 5.5%;
      right: 5.5%;
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 2; }

@media (min-width: 992px) and (max-width: 1199px) {
  .three-columns #htmlcontent_top ul li .item-html h2 {
    font-size: 30px; } }
@media (min-width: 1550px) {
  .three-columns #htmlcontent_top ul li .item-html h2 {
    font-size: 50px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .three-columns #htmlcontent_top ul li .item-html h3 {
    font-size: 18px; } }
@media (min-width: 1550px) {
  .three-columns #htmlcontent_top ul li .item-html h3 {
    font-size: 25px; } }

#htmlcontent_home {
  margin-top: 20px; }
  @media (min-width: 768px) {
    #htmlcontent_home {
      margin-top: 20px; } }
  #htmlcontent_home > ul {
    margin: 0; }
    #htmlcontent_home > ul > li {
      position: relative;
      padding: 0; }
      #htmlcontent_home > ul > li img {
        width: 100%;
        max-width: 100%;
        height: auto; }
      #htmlcontent_home > ul > li .item-link {
        display: block;
        position: relative;
        overflow: hidden; }
        #htmlcontent_home > ul > li .item-link:before {
          display: block;
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          background: white;
          opacity: 0;
          -moz-transition: 0.3s all ease;
          -o-transition: 0.3s all ease;
          -webkit-transition: 0.3s all ease;
          transition: 0.3s all ease;
          z-index: 1;
          -moz-transform: scale(0.85, 0.85);
          -ms-transform: scale(0.85, 0.85);
          -o-transform: scale(0.85, 0.85);
          -webkit-transform: scale(0.85, 0.85);
          transform: scale(0.85, 0.85); }
        #htmlcontent_home > ul > li .item-link img {
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
          -moz-transition: 0.7s all ease;
          -o-transition: 0.7s all ease;
          -webkit-transition: 0.7s all ease;
          transition: 0.7s all ease; }
        #htmlcontent_home > ul > li .item-link:hover:before {
          -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
          -o-transform: scale(1, 1);
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
          opacity: 0.4; }
        #htmlcontent_home > ul > li .item-link:hover img {
          -moz-transform: scale(1.05, 1.05);
          -ms-transform: scale(1.05, 1.05);
          -o-transform: scale(1.05, 1.05);
          -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05); }
      #htmlcontent_home > ul > li .item-html {
        color: #333333;
        text-align: center; }
        #htmlcontent_home > ul > li .item-html h5 {
          margin: 0;
          padding: 0;
          font-size: 16px;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-transform: uppercase; }
          #htmlcontent_home > ul > li .item-html h5:after {
            display: none; }
          @media (min-width: 480px) {
            #htmlcontent_home > ul > li .item-html h5 {
              font-size: 20px; } }
          @media (min-width: 992px) and (max-width: 1199px) {
            #htmlcontent_home > ul > li .item-html h5 {
              font-size: 16px; } }
        #htmlcontent_home > ul > li .item-html h4 {
          margin: 0;
          font-size: 25x;
          line-height: 1.3;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-transform: uppercase; }
          @media (max-width: 479px) {
            #htmlcontent_home > ul > li .item-html h4 {
              font-size: 12px; } }
          @media (min-width: 480px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
            #htmlcontent_home > ul > li .item-html h4 {
              font-size: 25px; } }
          @media (min-width: 1200px) and (max-width: 1549px) {
            #htmlcontent_home > ul > li .item-html h4 {
              font-size: 36px; } }
        #htmlcontent_home > ul > li .item-html h3 {
          margin: 0;
          font-size: 72px;
          line-height: 1.02778;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-transform: uppercase; }
          @media (max-width: 479px) {
            #htmlcontent_home > ul > li .item-html h3 {
              font-size: 24px; } }
          @media (min-width: 480px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
            #htmlcontent_home > ul > li .item-html h3 {
              font-size: 40px; } }
          @media (min-width: 1200px) and (max-width: 1549px) {
            #htmlcontent_home > ul > li .item-html h3 {
              font-size: 54px; } }
        #htmlcontent_home > ul > li .item-html h2 {
          margin: 6px 0 0;
          font-size: 102px;
          line-height: 1.01961;
          font-weight: 700;
          letter-spacing: 0.06em;
          text-transform: uppercase; }
          #htmlcontent_home > ul > li .item-html h2 .big {
            font-size: 192px;
            letter-spacing: -0.04em;
            line-height: 162px;
            margin-right: 10px; }
          #htmlcontent_home > ul > li .item-html h2 .small {
            font-size: 72px;
            line-height: 49px;
            font-weight: 700;
            color: inherit;
            letter-spacing: 0.06em; }
          #htmlcontent_home > ul > li .item-html h2 span {
            display: inline-block;
            vertical-align: top;
            text-align: left; }
            #htmlcontent_home > ul > li .item-html h2 span span {
              display: block; }
          @media (max-width: 479px) {
            #htmlcontent_home > ul > li .item-html h2 {
              font-size: 50px; }
              #htmlcontent_home > ul > li .item-html h2 .big {
                font-size: 90px;
                line-height: 78px; }
              #htmlcontent_home > ul > li .item-html h2 .small {
                font-size: 26px;
                line-height: 24px; } }
          @media (min-width: 480px) and (max-width: 767px), (min-width: 992px) and (max-width: 1199px) {
            #htmlcontent_home > ul > li .item-html h2 {
              font-size: 68px; }
              #htmlcontent_home > ul > li .item-html h2 .big {
                font-size: 120px;
                line-height: 105px; }
              #htmlcontent_home > ul > li .item-html h2 .small {
                font-size: 36px;
                line-height: 30px; } }
          @media (min-width: 1200px) and (max-width: 1549px) {
            #htmlcontent_home > ul > li .item-html h2 {
              font-size: 80px; }
              #htmlcontent_home > ul > li .item-html h2 .big {
                font-size: 150px;
                line-height: 130px; }
              #htmlcontent_home > ul > li .item-html h2 .small {
                font-size: 56px;
                line-height: 40px; } }
        #htmlcontent_home > ul > li .item-html .btn {
          background: white;
          color: #333333;
          border: none;
          box-shadow: none; }
          @media (max-width: 479px) {
            #htmlcontent_home > ul > li .item-html .btn {
              display: none; } }
        @media (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
          #htmlcontent_home > ul > li .item-html .btn-lg {
            padding: 10px 20px; } }
        #htmlcontent_home > ul > li .item-html * + h3 {
          margin-top: 7px; }
          @media (min-width: 480px) {
            #htmlcontent_home > ul > li .item-html * + h3 {
              margin-top: 13px; } }
        #htmlcontent_home > ul > li .item-html * + .btn {
          margin-top: 30px; }
        #htmlcontent_home > ul > li .item-html a:hover {
          color: #333333; }
        #htmlcontent_home > ul > li .item-html .link {
          margin-top: 8px; }
          @media (min-width: 480px) {
            #htmlcontent_home > ul > li .item-html .link {
              margin-top: 15px; } }
          @media (min-width: 1550px) {
            #htmlcontent_home > ul > li .item-html .link {
              margin-top: 28px; } }
        #htmlcontent_home > ul > li .item-html .color-white {
          color: white; }
      #htmlcontent_home > ul > li img + .item-html {
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
        z-index: 2; }
        @media (max-width: 479px) {
          #htmlcontent_home > ul > li img + .item-html {
			top: 10%;
			 } 
		   #htmlcontent_home > ul > li img + .item-html h3 {
		   }
		   #htmlcontent_home > ul > li img + .item-html h4 {
		   } }
		 @media (min-width: 479px) and (max-width: 767px) {   
		     #htmlcontent_home > ul > li img + .item-html {
			top: 20%;
			 }}
		   
        #htmlcontent_home > ul > li img + .item-html > div {
          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_home > ul > li img + .item-html > div.left-block {
            left: 7.7%;
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }

@media (min-width: 1200px) and (max-width: 1549px) {
  .two-columns #htmlcontent_home > ul > li .item-html h5, .three-columns #htmlcontent_home > ul > li .item-html h5 {
    font-size: 16px; } }
@media (min-width: 992px) and (max-width: 1549px) {
  .two-columns #htmlcontent_home > ul > li .item-html h2, .three-columns #htmlcontent_home > ul > li .item-html h2 {
    font-size: 50px; }
    .two-columns #htmlcontent_home > ul > li .item-html h2 .big, .three-columns #htmlcontent_home > ul > li .item-html h2 .big {
      font-size: 90px;
      line-height: 78px; }
    .two-columns #htmlcontent_home > ul > li .item-html h2 .small, .three-columns #htmlcontent_home > ul > li .item-html h2 .small {
      font-size: 26px;
      line-height: 24px; } }
@media (min-width: 1200px) {
  .two-columns #htmlcontent_home > ul > li .item-html h2, .three-columns #htmlcontent_home > ul > li .item-html h2 {
    font-size: 68px; }
    .two-columns #htmlcontent_home > ul > li .item-html h2 .big, .three-columns #htmlcontent_home > ul > li .item-html h2 .big {
      font-size: 120px;
      line-height: 105px; }
    .two-columns #htmlcontent_home > ul > li .item-html h2 .small, .three-columns #htmlcontent_home > ul > li .item-html h2 .small {
      font-size: 36px;
      line-height: 30px; } }
@media (min-width: 1200px) and (max-width: 1549px) {
  .two-columns #htmlcontent_home > ul > li .item-html .btn-lg, .three-columns #htmlcontent_home > ul > li .item-html .btn-lg {
    padding: 10px 20px; } }

@media (min-width: 992px) and (max-width: 1549px) {
  .three-columns #htmlcontent_home > ul > li .item-html .btn {
    display: none; } }
@media (min-width: 1200px) {
  .three-columns #htmlcontent_home > ul > li .item-html .btn-lg {
    padding: 10px 20px; } }

/* Left and Right hook CSS */
@media (min-width: 992px) {
  #htmlcontent_left, #htmlcontent_right {
    margin-top: 30px; } }
@media (min-width: 1200px) {
  #htmlcontent_left, #htmlcontent_right {
    margin-top: 60px; } }
@media (max-width: 991px) {
  #htmlcontent_left, #htmlcontent_right {
    display: none; } }
#htmlcontent_left > ul, #htmlcontent_right > ul {
  margin: 0; }
  #htmlcontent_left > ul > li, #htmlcontent_right > ul > li {
    position: relative;
    padding: 0; }
    #htmlcontent_left > ul > li img, #htmlcontent_right > ul > li img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    #htmlcontent_left > ul > li .item-link, #htmlcontent_right > ul > li .item-link {
      display: block;
      position: relative;
      overflow: hidden; }
      #htmlcontent_left > ul > li .item-link:before, #htmlcontent_right > ul > li .item-link:before {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: white;
        opacity: 0;
        -moz-transition: 0.3s all ease;
        -o-transition: 0.3s all ease;
        -webkit-transition: 0.3s all ease;
        transition: 0.3s all ease;
        z-index: 1; }
      #htmlcontent_left > ul > li .item-link img, #htmlcontent_right > ul > li .item-link img {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -moz-transition: 0.7s all ease;
        -o-transition: 0.7s all ease;
        -webkit-transition: 0.7s all ease;
        transition: 0.7s all ease; }
      #htmlcontent_left > ul > li .item-link:hover:before, #htmlcontent_right > ul > li .item-link:hover:before {
        opacity: 0.4; }
      #htmlcontent_left > ul > li .item-link:hover img, #htmlcontent_right > ul > li .item-link:hover img {
        -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
        -o-transform: scale(1.05, 1.05);
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05); }
    #htmlcontent_left > ul > li .item-html, #htmlcontent_right > ul > li .item-html {
      color: #333333;
      text-align: center;
      padding: 20px 10px; }
      #htmlcontent_left > ul > li .item-html h2, #htmlcontent_right > ul > li .item-html h2 {
        margin: 0;
        font-size: 50px;
        line-height: 0.8;
        font-weight: 700;
        text-transform: uppercase; }
        @media (min-width: 1800px) {
          #htmlcontent_left > ul > li .item-html h2, #htmlcontent_right > ul > li .item-html h2 {
            font-size: 92px; } }
      #htmlcontent_left > ul > li .item-html .color-white, #htmlcontent_right > ul > li .item-html .color-white {
        color: white; }
    #htmlcontent_left > ul > li img + .item-html, #htmlcontent_right > ul > li img + .item-html {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2; }
      #htmlcontent_left > ul > li img + .item-html > div, #htmlcontent_right > ul > li img + .item-html > div {
        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_left > ul > li img + .item-html > div.left-block, #htmlcontent_right > ul > li img + .item-html > div.left-block {
          left: 7.7%;
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

/* Footer hook CSS */