/* Top hook CSS */

.two_columns .columns-container.column-box #homepage-slider .homeslider-description {

  font-size: 0.8em;

  padding: 29px 50px 50px 34px; }

  @media (max-width: 1200px) {

    .two_columns .columns-container.column-box #homepage-slider .homeslider-description h3 {

      margin-bottom: 5px; } }

  @media (max-width: 1200px) {

    .two_columns .columns-container.column-box #homepage-slider .homeslider-description {

      padding: 30px 23px 50px 35px;

      font-size: 0.6em; } }

  @media (max-width: 991px) {

    .two_columns .columns-container.column-box #homepage-slider .homeslider-description {

      padding: 10px 23px 50px 15px;

      font-size: 0.58em; } }

  @media (max-width: 767px) {

    .two_columns .columns-container.column-box #homepage-slider .homeslider-description {

      left: 3%;

      position: absolute;

      top: 34%; } }

  @media (max-width: 480px) {

    .two_columns .columns-container.column-box #homepage-slider .homeslider-description {

      top: 14%; } }

  .two_columns .columns-container.column-box #homepage-slider .homeslider-description p {

    width: 68%; }

    @media (max-width: 1200px) {

      .two_columns .columns-container.column-box #homepage-slider .homeslider-description p {

        width: 100%; } }

@media (max-width: 1200px) {

  .two_columns .columns-container.column-box #homepage-slider .bx-wrapper .bx-pager {

    padding-bottom: 10px; } }

@media (max-width: 1200px) {

  .two_columns #htmlcontent_top ul li.htmlcontent-item-2 a .item-html h2 {

    margin-top: 5px; } }

.two_columns .columns-container.column-box #htmlcontent_top ul li a {

  font-size: 0.45em; }

  @media (max-width: 1200px) {

    .two_columns .columns-container.column-box #htmlcontent_top ul li a {

      font-size: 0.35em; } }

  @media (max-width: 991px) {

    .two_columns .columns-container.column-box #htmlcontent_top ul li a {

      font-size: 0.25em; } }

  @media (max-width: 767px) {

    .two_columns .columns-container.column-box #htmlcontent_top ul li a {

      font-size: 0.40em; } }

  @media (max-width: 480px) {

    .two_columns .columns-container.column-box #htmlcontent_top ul li a {

      font-size: 0.90em; } }

.two_columns .columns-container.column-box #htmlcontent_top ul li.htmlcontent-item-3 a .item-html h2 {

  padding-left: 16px; }

.two_columns .columns-container.column-box #htmlcontent_top ul li.htmlcontent-item-3 a .item-html h2 {

  margin-top: 0; }

.two_columns .columns-container.column-box #htmlcontent_top ul li.htmlcontent-item-3 h4 {

  margin-bottom: 0; }



.columns-container.column-box #homepage-slider .homeslider-description {

  padding: 65px 50px 50px 65px; }

  @media (max-width: 991px) {

    .columns-container.column-box #homepage-slider .homeslider-description {

      padding: 30px 23px 50px 35px;

      font-size: 0.6em; } }

@media (max-width: 1200px) {

  .columns-container.column-box .sale-box,

  .columns-container.column-box .new-box {

    display: none; } }

.columns-container.column-box #htmlcontent_top ul li a {

  font-size: 0.8em; }

  @media (max-width: 1200px) {

    .columns-container.column-box #htmlcontent_top ul li a {

      font-size: 0.6em; } }

  @media (max-width: 991px) {

    .columns-container.column-box #htmlcontent_top ul li a {

      font-size: 0.45em; } }

  @media (max-width: 767px) {

    .columns-container.column-box #htmlcontent_top ul li a {

      font-size: 0.40em; } }

  @media (max-width: 480px) {

    .columns-container.column-box #htmlcontent_top ul li a {

      font-size: 0.90em; } }



#htmlcontent_top ul {

  margin-bottom: 0; }

  #htmlcontent_top ul li {

    margin-bottom: 17px; }

    @media (max-width: 767px) {

      #htmlcontent_top ul li {

        width: 33.333%; } }

    @media (max-width: 480px) {

      #htmlcontent_top ul li {

        width: 100%;

        float: none; } }

    #htmlcontent_top ul li a {

      display: block;

      position: relative;

      overflow: hidden; }

      @media (max-width: 1200px) {

        #htmlcontent_top ul li a {

          font-size: 0.8em; } }

      @media (max-width: 991px) {

        #htmlcontent_top ul li a {

          font-size: 0.58em; } }

      @media (max-width: 767px) {

        #htmlcontent_top ul li a {

          font-size: 0.38em; } }

      @media (max-width: 480px) {

        #htmlcontent_top ul li a {

          font-size: 0.8em; } }

      #htmlcontent_top ul li a img {

        max-width: 100%;

        height: auto;

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        -webkit-transform: scale(1);

        transform: scale(1);

        -moz-transition: all 0.2s linear;

        -o-transition: all 0.2s linear;

        -webkit-transition: all 0.2s linear;

        transition: all 0.2s linear; }

        @media (max-width: 767px) {

          #htmlcontent_top ul li a img {

            width: 100%; } }

      #htmlcontent_top ul li a .item-html {

        position: absolute;

        left: 7%;

        top: 12%;

        width: 100%;

        -moz-transition: all 0.2s linear;

        -o-transition: all 0.2s linear;

        -webkit-transition: all 0.2s linear;

        transition: all 0.2s linear; }

        #htmlcontent_top ul li a .item-html h2 {

          color: #f48b47;

          margin: 0;

          padding: 0;

          font: 400 3.308em/1em "Playfair Display", serif;

          text-transform: uppercase; }

        #htmlcontent_top ul li a .item-html h3 {

          color: #999999;

          margin: 0;

          padding: 0;

          font: 400 1.923em/0.9em "Playfair Display", serif;

          text-transform: uppercase; }

          #htmlcontent_top ul li a .item-html h3 span {

            display: block;

            color: #3a3a3a;

            font: 400 2.2em/0.8em "Playfair Display", serif;

            margin-bottom: 3px; }

      #htmlcontent_top ul li a:hover .item-html {

        -moz-transition: all 0.2s linear;

        -o-transition: all 0.2s linear;

        -webkit-transition: all 0.2s linear;

        transition: all 0.2s linear; }

        #htmlcontent_top ul li a:hover .item-html h2 {

          animation: 300ms ease-in-out 0s normal none 1 moveFromTop; }

        #htmlcontent_top ul li a:hover .item-html h3 {

          animation: 300ms ease-in-out 0s normal none 1 moveFromBottom; }

        #htmlcontent_top ul li a:hover .item-html:after {

          color: #fff; }

      #htmlcontent_top ul li a:hover img {

        -moz-transition: all 0.2s linear;

        -o-transition: all 0.2s linear;

        -webkit-transition: all 0.2s linear;

        transition: all 0.2s linear; }

    #htmlcontent_top ul li.htmlcontent-item-2 a .item-html h2 {

      color: #fff;

      font-family: 'Open Sans Condensed', sans-serif;

      font-weight: normal;

      font-size: 3.923em;

      margin: 12px 0 0 0; }

      @media (max-width: 991px) {

        #htmlcontent_top ul li.htmlcontent-item-2 a .item-html h2 {

          margin: 0; } }

    #htmlcontent_top ul li.htmlcontent-item-2 a .item-html h4 {

      color: #3a3a3a;

      font: 400 1.615em/1em "Open Sans", sans-serif;

      margin: 0 0 5px 0;

      padding: 0; }

    #htmlcontent_top ul li.htmlcontent-item-2 a .item-html h5 {

      color: #fff;

      font-family: 'Open Sans Condensed', sans-serif;

      font-weight: normal;

      font-size: 3.154em;

      line-height: 0.8em;

      margin: 0;

      padding: 0 5px 4px 5px;

      background: #f48b47;

      display: inline-block;

      text-transform: uppercase; }

    #htmlcontent_top ul li.htmlcontent-item-2 a:hover .item-html {

      -moz-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear; }

      #htmlcontent_top ul li.htmlcontent-item-2 a:hover .item-html h2 {

        animation: 300ms ease-in-out 0s normal none 1 moveFromTop; }

      #htmlcontent_top ul li.htmlcontent-item-2 a:hover .item-html h4 {

        animation: 300ms ease-in-out 0s normal none 1 moveFromLeft; }

      #htmlcontent_top ul li.htmlcontent-item-2 a:hover .item-html h5 {

        animation: 300ms ease-in-out 0s normal none 1 moveFromBottom; }

      #htmlcontent_top ul li.htmlcontent-item-2 a:hover .item-html:after {

        color: #fff; }

    #htmlcontent_top ul li.htmlcontent-item-2 a:hover img {

      -moz-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear; }

    #htmlcontent_top ul li.htmlcontent-item-3 a .item-html {

      left: 17%;

      top: 29%; }

      #htmlcontent_top ul li.htmlcontent-item-3 a .item-html h2 {

        color: #fff;

        font-family: "Playfair Display", serif;

        font-weight: normal;

        font-size: 2.615em;

        margin: 12px 0 0 0;

        padding-left: 36px; }

        @media (max-width: 991px) {

          #htmlcontent_top ul li.htmlcontent-item-3 a .item-html h2 {

            margin: 0; } }

      #htmlcontent_top ul li.htmlcontent-item-3 a .item-html h3 {

        color: #f48b47;

        font: 400 1.923em/1em "Playfair Display", serif;

        margin: 0 0 5px 0;

        padding: 0; }

    #htmlcontent_top ul li.htmlcontent-item-3:hover .item-html {

      -moz-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear; }

      #htmlcontent_top ul li.htmlcontent-item-3:hover .item-html h2 {

        animation: 300ms ease-in-out 0s normal none 1 moveFromRight; }

      #htmlcontent_top ul li.htmlcontent-item-3:hover .item-html h3 {

        animation: 300ms ease-in-out 0s normal none 1 moveFromLeft; }

      #htmlcontent_top ul li.htmlcontent-item-3:hover .item-html:after {

        color: #fff; }

    #htmlcontent_top ul li.htmlcontent-item-3:hover img {

      -moz-transition: all 0.2s linear;

      -o-transition: all 0.2s linear;

      -webkit-transition: all 0.2s linear;

      transition: all 0.2s linear; }



/* Left hook CSS */

/* Right hook CSS */

/* Footer hook CSS */

@keyframes moveFromRight {

  0% {

    opacity: 0;

    transform: translateX(200%); }



  100% {

    opacity: 1;

    transform: translateX(0%); } }

@keyframes moveFromLeft {

  0% {

    opacity: 0;

    transform: translateX(-200%); }



  100% {

    opacity: 1;

    transform: translateX(0%); } }

@keyframes moveFromLeftIcon {

  0% {

    opacity: 0;

    transform: translateX(-200%); }



  50% {

    opacity: 0;

    transform: translateX(-200%), rotateY(-180deg); }



  100% {

    opacity: 1;

    transform: translateX(0%), rotateY(-180deg); } }

@keyframes moveFromTop {

  0% {

    opacity: 0;

    transform: translateY(-200%); }



  50% {

    opacity: 0.5;

    transform: translateY(-100%); }



  100% {

    opacity: 1;

    transform: translateY(0%); } }

@keyframes moveFromBottom {

  0% {

    opacity: 0;

    transform: translateY(200%); }



  50% {

    opacity: 0.5;

    transform: translateY(100%); }



  100% {

    opacity: 1;

    transform: translateY(0%); } }

@keyframes ScaleFromLargeEffect {

  0% {

    opacity: 0;

    transform: scale(1.1) rotate(0deg); }



  50% {

    opacity: 0.5;

    border-radius: 270px;

    transform: scale(0) rotate(-360deg); }



  100% {

    opacity: 1;

    transform: scale(1) rotate(360deg); } }