/* Top hook CSS */
#htmlcontent_top .container {
  width: auto; }
#htmlcontent_top .parallax_inner {
  top: 0; }
#htmlcontent_top ul {
  margin: 0; }
  #htmlcontent_top ul li {
    width: 100%;
    float: none;
    padding: 0;
    max-width: 1848px;
    margin: 0 auto; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }
    #htmlcontent_top ul li a {
      display: block;
      overflow: hidden;
      position: relative; }
    #htmlcontent_top ul li .item-html {
      float: right;
      padding: 0 118px 500px 0; }
      @media (max-width: 1848px) {
        #htmlcontent_top ul li .item-html {
          padding-right: 7%; } }
      @media (max-width: 991px) {
        #htmlcontent_top ul li .item-html {
          padding: 70px 3% 70px 0; } }
      @media (max-width: 767px) {
        #htmlcontent_top ul li .item-html {
          padding: 40px 3% 40px 0; } }
    #htmlcontent_top ul li h2 {
      text-align: right;
      font-size: 132px;
      line-height: 1em;
      font-weight: 100;
      font-family: "Raleway", sans-serif;
      color: #caba9c;
      padding: 0 20% 0 0;
      margin: 0;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      text-transform: uppercase; }
      @media (max-width: 1848px) {
        #htmlcontent_top ul li h2 {
          font-size: 100px;
          padding: 0 10% 0 0; } }
      @media (max-width: 991px) {
        #htmlcontent_top ul li h2 {
          font-size: 70px; } }
      @media (max-width: 767px) {
        #htmlcontent_top ul li h2 {
          font-size: 50px; } }
      @media (max-width: 479px) {
        #htmlcontent_top ul li h2 {
          font-size: 40px;
          padding: 0; } }
      #htmlcontent_top ul li h2 span {
        display: block;
        font-weight: 800;
        margin: -8px 0 0;
        font-size: 122px;
        color: #fff; }
        @media (max-width: 1848px) {
          #htmlcontent_top ul li h2 span {
            font-size: 100px; } }
        @media (max-width: 991px) {
          #htmlcontent_top ul li h2 span {
            font-size: 70px; } }
        @media (max-width: 767px) {
          #htmlcontent_top ul li h2 span {
            font-size: 50px; } }
        @media (max-width: 479px) {
          #htmlcontent_top ul li h2 span {
            font-size: 33px; } }
    #htmlcontent_top ul li h3 {
      text-align: center;
      font-size: 72px;
      line-height: 1em;
      font-weight: 200;
      font-family: "Raleway", sans-serif;
      color: #fff;
      padding: 0;
      margin: 8px 50px 0 0;
      float: right;
      text-transform: uppercase;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #htmlcontent_top ul li h3 span {
        display: block;
        font-weight: 500;
        color: #caba9c;
        margin-top: 12px; }
      @media (max-width: 991px) {
        #htmlcontent_top ul li h3 {
          font-size: 40px; } }
      @media (max-width: 767px) {
        #htmlcontent_top ul li h3 {
          margin-right: 0; } }
      @media (max-width: 479px) {
        #htmlcontent_top ul li h3 {
          font-size: 30px; } }
    #htmlcontent_top ul li h4 {
      text-align: right;
      font-size: 92px;
      line-height: 1em;
      font-weight: bold;
      font-family: "Raleway", sans-serif;
      color: #fff;
      padding: 0 0 98px 34px;
      border-left: 1px solid #caba9c;
      display: inline-block;
      margin: 12px 0 0;
      clear: both;
      text-transform: uppercase;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      float: right;
      clear: both;
      position: relative; }
      @media (max-width: 991px) {
        #htmlcontent_top ul li h4 {
          font-size: 50px;
          padding-bottom: 50px; } }
      @media (max-width: 479px) {
        #htmlcontent_top ul li h4 {
          font-size: 40px; } }
      #htmlcontent_top ul li h4:before, #htmlcontent_top ul li h4:after {
        position: absolute;
        left: 53px;
        bottom: -55px;
        content: "";
        width: 110px;
        height: 110px;
        border: 1px solid #caba9c;
        border-left: none;
        border-bottom: none;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
        @media (max-width: 991px) {
          #htmlcontent_top ul li h4:before, #htmlcontent_top ul li h4:after {
            width: 50px;
            height: 50px;
            bottom: -20px;
            left: 47px; } }
      #htmlcontent_top ul li h4:after {
        left: 208px; }
        @media (max-width: 991px) {
          #htmlcontent_top ul li h4:after {
            left: 117px; } }

/* home hook CSS */
@media (min-width: 1200px) {
  #htmlcontent_home {
    float: left;
    width: 33.2991%; } }
#htmlcontent_home ul {
  margin: 0; }
#htmlcontent_home li {
  float: none;
  padding: 0;
  width: 100.1%; }
  @media (max-width: 1199px) {
    #htmlcontent_home li {
      width: 100%; } }
#htmlcontent_home a {
  display: block;
  position: relative;
  overflow: hidden;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  @media (max-width: 479px) {
    #htmlcontent_home a {
      background: #1e1e1e;
      padding-bottom: 17%; }
      #htmlcontent_home a:hover {
        background: #fff; } }
  #htmlcontent_home a:before {
    position: absolute;
    content: "";
    background: #caba9c;
    z-index: 10;
    top: 50px;
    right: 50%;
    width: 100px;
    margin: 0 -50px 0 0;
    height: 1px;
    display: none; }
    @media (max-width: 1199px) {
      #htmlcontent_home a:before {
        display: block; } }
    @media (max-width: 767px) {
      #htmlcontent_home a:before {
        display: none; } }
  #htmlcontent_home a:hover h4 {
    color: #333333;
    -webkit-animation: moveFromRight 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: moveFromRight 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation: moveFromRight 700ms cubic-bezier(0.23, 1, 0.32, 1); }
  #htmlcontent_home a:hover h3,
  #htmlcontent_home a:hover h5 {
    -webkit-animation: toRightFromLeft 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-animation: toRightFromLeft 700ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-animation: toRightFromLeft 700ms cubic-bezier(0.23, 1, 0.32, 1); }
  #htmlcontent_home a:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
#htmlcontent_home .item-html {
  z-index: 5;
  position: relative;
  padding-left: 20%; }
  @media (max-width: 1848px) {
    #htmlcontent_home .item-html {
      padding-left: 10%; } }
  @media (max-width: 767px) {
    #htmlcontent_home .item-html {
      padding-left: 6%; } }
  @media (max-width: 1199px) {
    #htmlcontent_home .item-html {
      float: left;
      width: 50%;
      overflow: hidden; } }
  @media (max-width: 479px) {
    #htmlcontent_home .item-html {
      float: none;
      width: 100%; } }
  #htmlcontent_home .item-html:before {
    position: absolute;
    content: "";
    z-index: 10;
    top: 0;
    right: 126px;
    left: auto;
    width: 1px;
    margin: -80px 0 0 0;
    height: 160px; }
    @media (max-width: 1848px) {
      #htmlcontent_home .item-html:before {
        height: 100px;
        margin: -50px 0 0 0;
        right: 50px; } }
    @media (max-width: 1199px) {
      #htmlcontent_home .item-html:before {
        display: none; } }
#htmlcontent_home h3 {
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-size: 46px;
  line-height: 1em;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
  color: #caba9c;
  padding: 22.5% 0 12px 0;
  margin: 0;
  text-transform: uppercase; }
  @media (max-width: 1848px) {
    #htmlcontent_home h3 {
      font-size: 37px; } }
  @media (max-width: 767px) {
    #htmlcontent_home h3 {
      font-size: 22px;
      line-height: 1em; } }
#htmlcontent_home h4 {
  font-size: 80px;
  line-height: 1em;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  color: #fff;
  padding: 0 0 15px 0;
  margin: 0;
  text-transform: uppercase; }
  @media (max-width: 1848px) {
    #htmlcontent_home h4 {
      font-size: 40px; } }
  @media (max-width: 767px) {
    #htmlcontent_home h4 {
      font-size: 24px;
      line-height: 1em; } }
#htmlcontent_home h5 {
  font-size: 39px;
  line-height: 1em;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  color: #caba9c;
  padding: 0;
  margin: 0;
  text-transform: uppercase; }
  @media (max-width: 1848px) {
    #htmlcontent_home h5 {
      font-size: 30px; } }
#htmlcontent_home .img-banner {
  overflow: hidden;
  position: relative;
  z-index: 2; }
  @media (max-width: 1199px) {
    #htmlcontent_home .img-banner {
      float: left;
      width: 50%; } }
  @media (max-width: 479px) {
    #htmlcontent_home .img-banner {
      float: none;
      width: 100%; } }
#htmlcontent_home img {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  position: relative;
  z-index: 1; }

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