/* ------- 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 */
@media (max-width: 768px) {
  #htmlcontent_home {
    margin-bottom: 30px; } }
#htmlcontent_home ul {
  margin-bottom: 0; }
  #htmlcontent_home ul li {
    border-radius: 4px;
    overflow: hidden; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    @media (max-width: 480px) {
      #htmlcontent_home ul li {
        margin-bottom: 30px; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 66.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }
    #htmlcontent_home ul li h4 {
      font-size: 21px;
      line-height: 28px;
      font-weight: 600;
      margin: 6px 0 2px; }
    #htmlcontent_home ul li p {
      text-transform: uppercase;
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 0; }

/* Top hook CSS */
@media (max-width: 768px) {
  #htmlcontent_top {
    margin-bottom: 30px; } }
#htmlcontent_top ul {
  margin-bottom: 0; }
  #htmlcontent_top ul li {
    min-height: 150px;
    margin-bottom: 30px; }
    @media (max-width: 480px) {
      #htmlcontent_top ul li {
        min-height: 0; } }
    #htmlcontent_top ul li > .item-link {
      display: block;
      border: 1px solid #b0b0b0;
      border-radius: 4px 4px 0 0;
      overflow: hidden; }
    #htmlcontent_top ul li .item-html {
      background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f1f1f1), to(#e2e2e2));
      background-image: -webkit-linear-gradient(top, #f1f1f1, 0%, #e2e2e2, 100%);
      background-image: -moz-linear-gradient(top, #f1f1f1 0%, #e2e2e2 100%);
      background-image: linear-gradient(to bottom, #f1f1f1 0%, #e2e2e2 100%);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF1F1F1', endColorstr='#FFE2E2E2', GradientType=0);
      border-radius: 0 0 4px 4px;
      border: 1px solid #b0b0b0;
      border-top: none;
      padding: 5px 10px 9px 16px; }
    #htmlcontent_top ul li h4 {
      margin: 0;
      font-weight: 600;
      font-size: 21px;
      text-shadow: 0px 1px 1px white;
      position: relative; }
      @media (max-width: 991px) {
        #htmlcontent_top ul li h4 {
          font-size: 18px; } }
      @media (max-width: 480px) {
        #htmlcontent_top ul li h4 {
          font-size: 14px; } }
      #htmlcontent_top ul li h4 a {
        display: block; }
    #htmlcontent_top ul li i {
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -7px;
      font-size: 19px;
      color: #777777; }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }

/* Left hook CSS */
#htmlcontent_left {
  max-width: 270px;
  margin: 0 auto; }
  #htmlcontent_left .row {
    margin: 0; }
  #htmlcontent_left li {
    position: relative; }
  #htmlcontent_left .special-offer {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20px;
    text-align: center; }
    #htmlcontent_left .special-offer span {
      display: block; }
    #htmlcontent_left .special-offer .line1 {
      font-size: 46px;
      line-height: 46px;
      color: #333;
      font-weight: 600;
      margin-bottom: 12px;
      background: -webkit-linear-gradient(#585858, #3f3f3f);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    #htmlcontent_left .special-offer .line2 {
      font-size: 13px;
      line-height: 13px;
      color: #777;
      text-shadow: 0 1px 1px #fff; }
    #htmlcontent_left .special-offer .line3 {
      font-size: 25px;
      line-height: 25px;
      color: #333;
      margin-bottom: 4px;
      font-weight: 600; }
    #htmlcontent_left .special-offer .line4 {
      font-size: 16px;
      line-height: 16px;
      color: #777;
      text-shadow: 0 1px 1px #fff;
      font-weight: 600; }
    #htmlcontent_left .special-offer .btn {
      margin-top: 63%;
      font-size: 19px;
      text-shadow: 0 1px 1px #333;
      font-weight: 600;
      text-transform: none;
      padding: 10px 17px; }

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