/* ------- FONTS ------- */
/* ------- BORDERS ------- */
/* ------- BACKGROUNDS ------- */
/* ------- COLORS ------- */
/* ------- Indents ------- */
/* ------- Product Elements ------- */
/* ------- Buttons ------- */
/* ------- Buttons +/- ------ */
/* ------- Button Small ------- */
/* ------- Button exclusive-medium ------- */
/* ------- My Account List bg ------- */
/* ------- Product Listing ------- */
/* ------- Grid/List vars ------- */
/* ------- Pagination vars ------- */
/* ------- Product Info ------- */
/* ------- Cart Steps ------- */
/* ------- sub heading (h2,h3) define ------- */
/* ------- Image vars ------- */
/* Home hook CSS */
#htmlcontent_home ul li img {
  max-width: 100%;
  height: auto; }

/* Top hook CSS */
#htmlcontent_top {
  margin-bottom: 30px; }
  #htmlcontent_top ul {
    margin: 0 -5px; }
    #htmlcontent_top ul li {
      padding: 0 5px; }
      #htmlcontent_top ul li img {
        max-width: 100%;
        height: auto; }

/* Left hook CSS */
#htmlcontent_left ul li {
  position: relative;
  overflow: hidden;
  max-width: 270px;
  margin: 0 auto; }
  #htmlcontent_left ul li .item-html {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px 0 0 25px;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      #htmlcontent_left ul li .item-html {
        padding-top: 8px;
        padding-left: 15px; } }
    #htmlcontent_left ul li .item-html h2 {
      margin: 0 0 0 0;
      font-size: 53px;
      line-height: normal;
      font-weight: 500;
      color: #fff;
      letter-spacing: -1px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        #htmlcontent_left ul li .item-html h2 {
          font-size: 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #htmlcontent_left ul li .item-html h2 {
          font-size: 30px; } }
    #htmlcontent_left ul li .item-html h3 {
      margin: -17px 0 0 0;
      font-size: 37px;
      line-height: normal;
      color: #fff;
      font-weight: 500;
      letter-spacing: -1px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        #htmlcontent_left ul li .item-html h3 {
          font-size: 32px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #htmlcontent_left ul li .item-html h3 {
          font-size: 25px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #htmlcontent_left ul li .item-html h3 {
          font-size: 20px;
          margin-top: -12px; } }
    #htmlcontent_left ul li .item-html h4 {
      margin: -3px 0 0 0;
      font-size: 15px;
      line-height: normal;
      color: #de1c36;
      font-weight: 400; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #htmlcontent_left ul li .item-html h4 {
          font-size: 12px; } }
    #htmlcontent_left ul li .item-html span.banner-price {
      margin: -10px 0 3px 0;
      display: block;
      color: #de1c36;
      font-size: 41px;
      line-height: normal;
      font-weight: 300; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        #htmlcontent_left ul li .item-html span.banner-price {
          font-size: 35px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #htmlcontent_left ul li .item-html span.banner-price {
          font-size: 25px;
          margin-top: 0px;
          margin-bottom: 0px; } }
    #htmlcontent_left ul li .item-html span.banner-link {
      color: #fff;
      font-size: 15px;
      line-height: normal;
      text-decoration: underline; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        #htmlcontent_left ul li .item-html span.banner-link {
          font-size: 13px; } }
      #htmlcontent_left ul li .item-html span.banner-link:hover {
        text-decoration: none; }

/* Right hook CSS */
/* Footer hook CSS */
#htmlcontent_footer p {
  color: #de1c36; }
#htmlcontent_footer h4:after {
  display: none !important; }
