/* Top hook CSS */
#htmlcontent_top {
  width: 100%;
  clear: both; }
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0; } }
  #htmlcontent_top ul {
    position: relative;
    margin-bottom: 31px; }
    #htmlcontent_top ul .htmlcontent-item-2 {
      width: 31.6239316%; }
    #htmlcontent_top ul .htmlcontent-item-3 {
      width: 36.7521368%; }
    #htmlcontent_top ul .htmlcontent-item-4 {
      width: 31.6239316%; }
    #htmlcontent_top ul li {
      float: left;
      position: relative; }
      @media (max-width: 767px) {
        #htmlcontent_top ul li {
          float: left;
          width: 50%; } }
      #htmlcontent_top ul li:last-child {
        margin-bottom: 0; }
      #htmlcontent_top ul li img {
        max-width: 100%;
        height: auto; }
    #htmlcontent_top ul .htmlcontent-item-1 {
      float: none;
      position: absolute;
      right: 0;
      bottom: 100%;
      width: 31.623932%;
      background-color: #fff;
      z-index: 111;
      height: 458px; }
      #htmlcontent_top ul .htmlcontent-item-1 .item-html {
        padding-left: 53px;
        padding-right: 49px; }
        @media (max-width: 479px) {
          #htmlcontent_top ul .htmlcontent-item-1 .item-html {
            padding: 0 30px; } }
        #htmlcontent_top ul .htmlcontent-item-1 .item-html h2 {
          font-family: "Marcellus SC", serif;
          font-size: 36px;
          text-transform: uppercase;
          line-height: 40px;
          color: #8b5275;
          border-bottom: 2px solid #8b5275;
          padding-top: 37px;
          padding-bottom: 30px;
          margin-bottom: 0; }
          @media (max-width: 479px) {
            #htmlcontent_top ul .htmlcontent-item-1 .item-html h2 {
              font-size: 25px;
              padding-top: 20px;
              padding-bottom: 10px; } }
        #htmlcontent_top ul .htmlcontent-item-1 .item-html p {
          font-family: "Crimson Text", serif;
          font-size: 23px;
          line-height: 30px;
          color: #9c948c;
          padding-top: 39px; }
          @media (max-width: 479px) {
            #htmlcontent_top ul .htmlcontent-item-1 .item-html p {
              font-size: 16px;
              padding-top: 20px; } }
      @media (max-width: 1199px) {
        #htmlcontent_top ul .htmlcontent-item-1 {
          width: 100%;
          position: relative;
          height: auto;
          padding-bottom: 40px; }
          #htmlcontent_top ul .htmlcontent-item-1 p {
            margin: 0; } }
    #htmlcontent_top ul .htmlcontent-item-2 {
      overflow: hidden; }
      @media (max-width: 767px) {
        #htmlcontent_top ul .htmlcontent-item-2 {
          width: 100%;
          padding: 0; } }
      #htmlcontent_top ul .htmlcontent-item-2 a > img {
        padding-top: 231px;
        transition: 0.5s; }
        @media (max-width: 1199px) {
          #htmlcontent_top ul .htmlcontent-item-2 a > img {
            padding-top: 186px; } }
        @media (max-width: 991px) {
          #htmlcontent_top ul .htmlcontent-item-2 a > img {
            padding-top: 200px; } }
        @media (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-2 a > img {
            padding-top: 0;
            width: 40%;
            float: left; } }
        @media (max-width: 479px) {
          #htmlcontent_top ul .htmlcontent-item-2 a > img {
            width: 100%;
            float: none; } }
      #htmlcontent_top ul .htmlcontent-item-2 .item-html {
        position: absolute;
        top: 0;
        width: 100%;
        height: 231px;
        background: #9f9087;
        text-align: center; }
        @media (max-width: 1199px) {
          #htmlcontent_top ul .htmlcontent-item-2 .item-html {
            height: 186px; } }
        @media (max-width: 991px) {
          #htmlcontent_top ul .htmlcontent-item-2 .item-html {
            height: 200px; } }
        @media (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-2 .item-html {
            width: 60%;
            height: auto;
            position: absolute;
            z-index: 222;
            padding-top: 12%;
            float: left;
            top: 0;
            bottom: 0;
            right: 0; } }
        @media (max-width: 620px) {
          #htmlcontent_top ul .htmlcontent-item-2 .item-html {
            padding-top: 8%; } }
        @media (max-width: 479px) {
          #htmlcontent_top ul .htmlcontent-item-2 .item-html {
            width: 100%;
            position: relative; } }
        #htmlcontent_top ul .htmlcontent-item-2 .item-html:before {
          content: "";
          background: url(../../../../img/crown.png) no-repeat;
          height: 24px;
          width: 32px;
          display: block;
          margin: 0 auto;
          margin-top: 48px;
          transition: 0.5s; }
          @media (max-width: 1199px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html:before {
              margin-top: 25px; } }
          @media (max-width: 991px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html:before {
              margin-top: 30px; } }
          @media (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html:before {
              margin-top: 0; } }
       
       
       #htmlcontent_top ul .htmlcontent-item-2 .item-html:after {
          content: "";
          position: absolute;
          left: 44.1%;
          bottom: -21px;
          border: 21px solid transparent;
          border-top: 21px solid #9F9087;
          transition: 0.5s; }
          
          
          @media (min-width: 768px) and (max-width: 991px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html:after {
              left: 42%; } }
          @media (min-width: 480px) and (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html:after {
              border-right: 21px solid #9f9087;
              border-top-color: transparent;
              left: -21px;
              bottom: auto;
              top: 43%; } }
          @media (max-width: 479px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html:after {
              border-top: none;
              border-bottom: 21px solid #9f9087;
              bottom: auto;
              top: 0px;
              left: 45%; } }
          @media (max-width: 400px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html:after {
              left: 43%; } }
              
              
        #htmlcontent_top ul .htmlcontent-item-2 .item-html p {
          margin-top: 17px;
          font-family: "Marcellus SC", serif;
          font-size: 46px;
          text-transform: uppercase;
          padding-left: 15px;
          padding-right: 15px;
          line-height: 40px;
          color: #fff;
          transition: 0.5s; }
          
          
          @media (max-width: 1199px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html p {
              font-size: 32px; } }
          @media (max-width: 991px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html p {
              font-size: 25px; } }
          @media (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html p {
              font-size: 36px;
              padding-bottom: 40px; } }
          @media (max-width: 620px) {
            #htmlcontent_top ul .htmlcontent-item-2 .item-html p {
              font-size: 30px; } }
              
              
          #htmlcontent_top ul .htmlcontent-item-2 .item-html p span {
            display: inline-block;
            transition: 0.25s; }
            
            
      @media (min-width: 480px) {
        #htmlcontent_top ul .htmlcontent-item-2 a:hover img {
          transform: scale(1.15); } }
      #htmlcontent_top ul .htmlcontent-item-2 a:hover .item-html:before {
        transform: rotateY(360deg); }
      #htmlcontent_top ul .htmlcontent-item-2 a:hover .item-html:after {
        left: 44.1%;
        z-index: 222;
        bottom: -42px; }
        @media (min-width: 768px) and (max-width: 991px) {
          #htmlcontent_top ul .htmlcontent-item-2 a:hover .item-html:after {
            left: 42%; } }
        @media (min-width: 480px) and (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-2 a:hover .item-html:after {
            top: 43%;
            left: -42px;
            bottom: auto; } }
        @media (max-width: 479px) {
          #htmlcontent_top ul .htmlcontent-item-2 a:hover .item-html:after {
            bottom: auto;
            top: -21px;
            left: 45%; } }
        @media (max-width: 400px) {
          #htmlcontent_top ul .htmlcontent-item-2 a:hover .item-html:after {
            left: 43%; } }
      @media (min-width: 1200px) {
        #htmlcontent_top ul .htmlcontent-item-2 a:hover .item-html p span:first-child {
          margin-left: -50px; }
        #htmlcontent_top ul .htmlcontent-item-2 a:hover .item-html p span:last-child {
          margin-right: -50px; } }
    #htmlcontent_top ul .htmlcontent-item-3 {
      overflow: hidden; }
      @media (max-width: 767px) {
        #htmlcontent_top ul .htmlcontent-item-3 {
          width: 100%; } }
      #htmlcontent_top ul .htmlcontent-item-3 a > img {
        transition: 0.5s; }
        @media (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-3 a > img {
            float: right;
            width: 40%; } }
        @media (max-width: 479px) {
          #htmlcontent_top ul .htmlcontent-item-3 a > img {
            float: none;
            width: 100%; } }
      #htmlcontent_top ul .htmlcontent-item-3 .item-html {
        width: 100%;
        text-align: center;
        background: #fff;
        position: relative; }
        @media (min-width: 768px) and (max-width: 991px) {
          #htmlcontent_top ul .htmlcontent-item-3 .item-html {
            padding-bottom: 11px; } }
        @media (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-3 .item-html {
            position: absolute;
            width: 60%;
            top: 0;
            bottom: 0;
            left: 0;
            float: right;
            border-left: 1px solid #9F9087; } }
        @media (max-width: 479px) {
          #htmlcontent_top ul .htmlcontent-item-3 .item-html {
            position: relative;
            width: 100%;
            padding-bottom: 25px; } }
        #htmlcontent_top ul .htmlcontent-item-3 .item-html:before {
          content: "";
          position: absolute;
          left: 44.8%;
          top: -21px;
          border: 21px solid transparent;
          border-bottom: 21px solid #fff;
          transition: 0.5s; }
          @media (min-width: 550px) and (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html:before {
              top: 36%;
              left: auto;
              right: -21px;
              border-left: 21px solid #fff;
              border-bottom-color: transparent;
              transition: 0.5s; } }
          @media (min-width: 480px) and (max-width: 549px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html:before {
              top: 30%;
              left: auto;
              right: -21px;
              border-left: 21px solid #fff;
              border-bottom-color: transparent;
              transition: 0.5s; } }
        #htmlcontent_top ul .htmlcontent-item-3 .item-html h5 {
          font-family: "Marcellus SC", serif;
          font-size: 72px;
          color: #8b5275;
          margin: 0;
          padding-top: 43px;
          transition: 0.25s; }
          @media (max-width: 1199px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html h5 {
              padding-top: 15px;
              font-size: 56px; } }
          @media (max-width: 991px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html h5 {
              padding-top: 14px;
              font-size: 40px; } }
          @media (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html h5 {
              padding: 0;
              padding-top: 6%;
              font-size: 55px; } }
          @media (max-width: 620px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html h5 {
              font-size: 40px; } }
        #htmlcontent_top ul .htmlcontent-item-3 .item-html p {
          font-family: "Marcellus SC", serif;
          font-size: 22px;
          color: #98887e;
          text-transform: uppercase;
          padding-top: 9px;
          padding-bottom: 53px;
          transition: 0.25s; }
          @media (max-width: 991px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html p {
              padding-bottom: 0;
              font-size: 16px; } }
          @media (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html p {
              font-size: 24px; } }
          @media (max-width: 620px) {
            #htmlcontent_top ul .htmlcontent-item-3 .item-html p {
              font-size: 16px; } }
      @media (min-width: 480px) {
        #htmlcontent_top ul .htmlcontent-item-3 a:hover img {
          transform: scale(1.15); } }
      #htmlcontent_top ul .htmlcontent-item-3 a:hover .item-html:before {
        top: -42px; }
        @media (min-width: 550px) and (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-3 a:hover .item-html:before {
            right: -42px;
            top: 36%; } }
        @media (min-width: 480px) and (max-width: 549px) {
          #htmlcontent_top ul .htmlcontent-item-3 a:hover .item-html:before {
            right: -42px;
            top: 30%; } }
      @media (min-width: 1200px) {
        #htmlcontent_top ul .htmlcontent-item-3 a:hover .item-html h5 {
          padding-top: 35px; }
        #htmlcontent_top ul .htmlcontent-item-3 a:hover .item-html p {
          padding-top: 25px; } }
    #htmlcontent_top ul .htmlcontent-item-4 {
      overflow: hidden;
      position: static; }
      @media (max-width: 767px) {
        #htmlcontent_top ul .htmlcontent-item-4 {
          width: 100%;
          float: left;
          position: relative; } }
      #htmlcontent_top ul .htmlcontent-item-4 a > img {
        transition: 0.5s; }
        @media (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-4 a > img {
            width: 40%;
            float: left; } }
        @media (max-width: 479px) {
          #htmlcontent_top ul .htmlcontent-item-4 a > img {
            width: 100%;
            float: none; } }
      #htmlcontent_top ul .htmlcontent-item-4 .item-html {
        position: absolute;
        right: 0;
        left: 31.6239316%;
        background-color: #8f715f;
        bottom: 0;
        height: 199px;
        text-align: center;
        background: url(../../../../img/background.png); }
        @media (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-4 .item-html {
            width: 60%;
            position: absolute;
            float: left;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 222;
            height: auto;
            left: auto;
            padding-left: 30px;
            padding-right: 30px; } }
        @media (max-width: 479px) {
          #htmlcontent_top ul .htmlcontent-item-4 .item-html {
            width: 100%;
            position: relative;
            padding-bottom: 35px; } }
        
        
        #htmlcontent_top ul .htmlcontent-item-4 .item-html:before {
          content: "";
          position: absolute;
          left: 74.8%;
          top: 0;
          background: url(../../../../img/top_arrow.png);
          width: 30px;
          height: 15px;
          transition: 0.5s; }
          
          
          @media (min-width: 480px) and (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html:before {
              left: 0;
              top: 40%;
              background: url(../../../../img/left_arrow.png) no-repeat;
              height: 30px;
              width: 15px; } }
          @media (max-width: 479px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html:before {
              left: 48%; } }
              
              
        #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn {
          width: 55%;
          padding-left: 77px;
          float: left;
          transition: 0.5s; }
          
          
          @media (max-width: 1199px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn {
              padding-left: 30px; } }
          @media (max-width: 991px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn {
              width: 100%;
              padding-right: 30px; } }
          @media (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn {
              padding: 0; } }
          @media (max-width: 549px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn {
              padding: 0; } }
         
         #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn p {
            float: left;
            color: #fff;
            font-family: "Marcellus SC", serif;
            font-size: 28px;
            line-height: 42px;
            text-transform: uppercase;
            padding-top: 61px;
            text-align: left; 
            }
            #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn p small {
            font-size: 85%;
            text-transform:none;
            color:#382f2a;
            }
            
            @media (max-width: 1199px) {
              #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn p {
                padding-top: 54px;
                font-size: 25px;
				line-height: 28px;		
				} }
            @media (max-width: 991px) {
              #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn p {
                padding-top: 35px;
                font-size: 25px; } }
            @media (max-width: 767px) {
              #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn p {
                text-align: center;
                font-size: 30px;
                padding-top: 18%; } }
            @media (max-width: 620px) {
              #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn p {
                padding-top: 18%;
                line-height: 30px;
                font-size: 25px; } }
            @media (max-width: 520px) {
              #htmlcontent_top ul .htmlcontent-item-4 .item-html .left_colmn p {
                padding-top: 10%;
                margin: 0; } }
       
       #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn {
          width: 45%;
          float: left;
          }
          
          
          @media (max-width: 991px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn {
              width: 100%;
              padding-left: 100px;
              padding-right: 100px; } }
          @media (max-width: 767px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn {
              padding: 0;
              margin-top: 15px; } }
          @media (max-width: 520px) {
            #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn {
              margin-top: 0; } }
              
              
          #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn .baton {
            float: left;
            font-family: "Marcellus SC", serif;
            font-size: 22px;
            line-height: 40px;
            text-transform: uppercase;
            color: #fff;
            border: 1px solid #fff;
            padding: 20px 38px;
            margin-top: 58px;
            margin-left: 52px;
            transition: 0.5s;
            }
            
            
            @media (max-width: 1199px) {
              #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn .baton {
                padding: 15px 30px;
                margin-top: 50px;
                margin-left: 37px;
				} }
            @media (max-width: 991px) {
              #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn .baton {
                padding: 9px 30px;
                margin: 0;
                width: 100%;
                margin-top: 4px; } }
            @media (max-width: 620px) {
              #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn .baton {
                font-size: 20px; } }
           
     
     #htmlcontent_top ul .htmlcontent-item-4 .item-html .right_colmn .baton:hover {
              background: #8b5275;
              color: #fff; }
     
     
     @media (min-width: 480px) {
        #htmlcontent_top ul .htmlcontent-item-4 a:hover img {
          transform: scale(1.15); } }
      #htmlcontent_top ul .htmlcontent-item-4 a:hover .item-html:before {
        top: -15px; }
        @media (min-width: 480px) and (max-width: 767px) {
          #htmlcontent_top ul .htmlcontent-item-4 a:hover .item-html:before {
            top: 40%;
            left: -15px;
            height: 30px;
            width: 15px; } }
      #htmlcontent_top ul .htmlcontent-item-4 a:hover .right_colmn > .baton {
        background: #fff;
        color: #8b5275; }
      @media (min-width: 1200px) {
        #htmlcontent_top ul .htmlcontent-item-4 a:hover .left_colmn {
          padding-left: 35px; } }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */
#htmlcontent_home {
  height: 478px; }
  #htmlcontent_home ul {
    position: absolute;
    z-index: 1212;
    right: 0;
    left: 0;
    top: 31.2%;
    text-align: center;
    margin: 0; }
    #htmlcontent_home ul .itm .item-html .video_text {
      border: 1px solid #fff;
      display: inline-block;
      padding: 50px 172px 49px 199px;
      cursor: pointer;
      transition: 0.25s; }
      #htmlcontent_home ul .itm .item-html .video_text:hover {
        border-color: #8b5275; }
      #htmlcontent_home ul .itm .item-html .video_text.play_videoBtn .text:after {
        content: "\f04c"; }
      #htmlcontent_home ul .itm .item-html .video_text .text {
        font-family: "Marcellus SC", serif;
        font-size: 48px;
        line-height: 26px;
        color: #fff;
        text-transform: uppercase; }
        #htmlcontent_home ul .itm .item-html .video_text .text:after {
          content: "\f04b";
          font-family: "FontAwesome";
          font-size: 27px;
          border: 4px solid #fff;
          border-radius: 50%;
          padding-top: 20px;
          height: 71px;
          width: 71px;
          display: inline-block;
          vertical-align: 7px;
          margin-left: 37px; }
          @media (max-width: 767px) {
            #htmlcontent_home ul .itm .item-html .video_text .text:after {
              font-size: 20px;
              height: 50px;
              width: 50px;
              padding-top: 8px;
              vertical-align: 0px; } }
          @media (max-width: 479px) {
            #htmlcontent_home ul .itm .item-html .video_text .text:after {
              margin-left: 10px;
              font-size: 15px;
              height: 40px;
              width: 40px;
              padding-top: 4px; } }
        @media (max-width: 767px) {
          #htmlcontent_home ul .itm .item-html .video_text .text {
            font-size: 20px; } }
      @media (max-width: 1199px) {
        #htmlcontent_home ul .itm .item-html .video_text {
          padding: 40px 130px; } }
      @media (max-width: 991px) {
        #htmlcontent_home ul .itm .item-html .video_text {
          padding: 30px 60px; } }
      @media (max-width: 479px) {
        #htmlcontent_home ul .itm .item-html .video_text {
          padding: 15px 10px; } }
      #htmlcontent_home ul .itm .item-html .video_text:hover .text:after {
        transform: rotate(360deg);
        transition: all 0.2s ease; }
    #htmlcontent_home ul .play_videoBtn .text:after {
      transform: rotate(180deg);
      transition: all 0.2s ease; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); } }