@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&family=Poppins:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Whisper&display=swap');

body {
  font-size: 16px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #202020; }

a {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; 
  color: #cc7d6a;
}

  a:hover, a:focus {
    color: #cc7d6a;
    outline: none;
    text-decoration: none; }

a,
a:hover,
a:focus,
input,
button,
textarea,
button:hover,
button:focus {
  outline: none;
  text-decoration: none; }

.form-control {
  font-size: 16px!important;
  padding: 18px 10px!important;
}
.form-control:focus {
  border-color: #cc7d6a;
  -webkit-box-shadow: none;
  box-shadow: none; }

.slick-slide:focus {
  outline: none; }


.btn {background-color:#cc7d6a;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 17px;
  line-height: 1.5;
  border-radius: .25rem!important;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.dropdown-menu {font-size: 15px;}

.btn.inverse{
  background-color:#ffffff;
  color: #000;
  border: 1px solid #111;
}

.btn.inverse:hover
{
   background-color:#ffffff;
}


img {
  max-width: 100%; }

p {
  color: #252525;
  font-size: 16px;
  margin-bottom: 0; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Poppins', sans-serif;
  color: #202020; }

ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }

.fix {
  overflow: hidden; }

h3 {font-size: 1.8em}
h2 {font-size: 1.4em}
h5 {font-size: 1.2em;font-weight: bold}
/*------ Start Header Area ------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

.header-top.black-soft .header-call-action li {
  color: #fff;
}
.header-top .header-call-action li {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  margin-right: 30px;
  padding: 18px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-top .header-call-action li {
      margin-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .header-top .header-call-action li {
      padding: 18px 0 0 18px; }
      .header-top .header-call-action li:last-child {
        margin-right: 0; } }
  @media only screen and (max-width: 479px) {
    .header-top .header-call-action li {
      padding: 15px 0 0 10px;
      margin-right: 0; } 
  .brand-logo-mobile img {
    max-width: 170px;margin-bottom: 4px}

    .btn {font-size: 16px!important;}
  }

  .dropdown-menu {
    font-size: 12px;
  }
  .dropdown-item {
 
  padding: 3px!important;


  }
  .header-top.black-soft .header-call-action li a {
    color: #fff; }
  .header-top .header-call-action li i {
    font-size: 12px;
    padding-right: 10px; }

.header-top .header-top-right li {
  padding: 15px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-top .header-top-right li {
      margin-left: 12px !important;
      margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    .header-top .header-top-right li:first-child {
      margin-left: 0 !important; } }
  @media only screen and (max-width: 575px) {
    .header-top .header-top-right li {
      margin-left: 20px !important; }
      .header-top .header-top-right li:first-child {
        margin-left: 0 !important; } }
  .header-top.black-soft .header-top-right li a {
    color: #fff;
  }
  .header-top .header-top-right li a {
    font-size: 12px;
    line-height: 16px; }
    .header-top .header-top-right li a img {
      padding-right: 5px; }
    .header-top .header-top-right li a:hover {
      color: #cc7d6a;; }
    .header-top .header-top-right li a i {
      padding-left: 3px; }
  .header-top .header-top-right li .currency-list,
  .header-top .header-top-right li .language-list,
  .header-top .header-top-right li .account-list {
    top: 100%;
    right: 0;
    width: 120px;
    text-align: left;
    border: 1px solid #e5e5e5;
    padding: 10px 10px;
    display: none;
    position: absolute;
    z-index: 9999999;
    background-color: #fff;
    border-top: 2px solid #cc7d6a; }
    .header-top .header-top-right li .currency-list li,
    .header-top .header-top-right li .language-list li,
    .header-top .header-top-right li .account-list li {
      padding: 0; }
      @media only screen and (max-width: 575px) {
        .header-top .header-top-right li .currency-list li,
        .header-top .header-top-right li .language-list li,
        .header-top .header-top-right li .account-list li {
          margin-left: 0 !important; } }
      .header-top .header-top-right li .currency-list li a,
      .header-top .header-top-right li .language-list li a,
      .header-top .header-top-right li .account-list li a {
        color: #636363;
        padding: 4px 5px;
        display: block; }
        .header-top .header-top-right li .currency-list li a img,
        .header-top .header-top-right li .language-list li a img,
        .header-top .header-top-right li .account-list li a img {
          padding-right: 5px; }
        .header-top .header-top-right li .currency-list li a:hover, .header-top .header-top-right li .currency-list li a.active,
        .header-top .header-top-right li .language-list li a:hover,
        .header-top .header-top-right li .language-list li a.active,
        .header-top .header-top-right li .account-list li a:hover,
        .header-top .header-top-right li .account-list li a.active {
          color: #fff;
          background-color: #cc7d6a; }
  .header-top .header-top-right li .currency-list {
    left: 0; }

.header-top3 {
  border-bottom: 1px solid #f2f2f2; }

.main-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .main-menu ul li {
    position: relative; }

  .main-menu ul li.active a {
    color:#CC7D6A!important }
    .main-menu ul li a {
      font-size: 16px;
      color: #202020;
      font-weight: 500;
      line-height: 24px;
      text-transform: uppercase;
      padding: 15px 26px 15px 26px;
      display: inline-block; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .main-menu ul li a {
          padding: 30px 15px; } }

    .main-menu ul li ul.dropdown li ul.dropdown {
      width: 294px;
    }
    .main-menu ul li ul.dropdown {
      top: 100%;
      left: 0;
      width: 230px;
      position: absolute;
      background: #fff;
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      padding: 15px 0;
      opacity: 0;
      visibility: hidden;
      z-index: 999;
      -webkit-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out; }
      .main-menu ul li ul.dropdown li {
        position: relative;
        width: 100%; }
        .main-menu ul li ul.dropdown li a {
          font-size: 15px;
          padding: 5px 20px;
          font-weight: 400;
          display: block;
          text-transform: none; }
          .main-menu ul li ul.dropdown li a i {
            float: right;
            padding-top: 5px; }
        .main-menu ul li ul.dropdown li ul.dropdown {
          position: absolute;
          left: 100%;
          top: 100%;
          opacity: 0;
          visibility: hidden; }
        .main-menu ul li ul.dropdown li:hover ul.dropdown {
          opacity: 1;
          visibility: visible;
          top: 0; }
    .main-menu ul li:hover > a {
      color: #cc7d6a; }
    .main-menu ul li:hover ul.dropdown {
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      opacity: 1;
      visibility: visible; }
    .main-menu ul li ul.megamenu {
      top: 100%;
      left: -150%;
      width: 700px;
      position: absolute;
      z-index: 999;
      padding: 15px 25px;
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
      -webkit-transform-origin: top;
      -ms-transform-origin: top;
      transform-origin: top;
      -webkit-transform: scaleY(0);
      -moz-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transition: all 0.4s ease-out;
      -moz-transition: all 0.4s ease-out;
      -o-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out;
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
      .main-menu ul li ul.megamenu li {
        width: 33%;
        float: left; }

       .main-menu ul li ul.megamenu li:first-child {
        width: 45%;
        float: left; } 

      .main-menu ul li ul.megamenu li:nth-child(2) {
        width: 33%;
        float: left; } 

      .main-menu ul li ul.megamenu li:nth-child(3) {
        width: 22%;
        float: left; } 

      .main-menu ul li ul.megamenu li.mega-title > a {
          padding: 4px 0;
          font-weight: 600; 
          font-family: 'Poppins', sans-serif;
          color: #202020;
          font-size: 1.25rem;
          padding-bottom:15px;
      }
        .main-menu ul li ul.megamenu li ul li {
          width: 100%!important; }
          .main-menu ul li ul.megamenu li ul li a {
            text-transform: none;
            font-weight: 400;
            padding: 4px 0;
            font-size: 16px;
            display: block; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .main-menu ul li ul.megamenu {
          left: -275px; } 

          .main-menu ul li ul.megamenu li.mega-title > a {
          padding: 4px 0!important;
      }

        }
    .main-menu ul li:hover ul.megamenu {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scaleY(1);
      -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1); }

.header-menu-area{
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
}


@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-menu-area {
    padding: 2px 0;
    padding-left: 0 !important;
    padding-right: 0 !important; } 
  }

.header-menu-area.sticker.sticky {
  top: 0;
  position: fixed
  width: 100%;
  z-index: 9999;
  background-color: #D7D2C6;;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
  animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-menu-area {
    background-color: #fff; } }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-cart-option {
    margin-right: 80px; } }

@media only screen and (max-width: 479px) {
  .header-cart-option {
    margin-right: 60px; } }



.header-cart-option li,
.header-search-option li {
  display: inline-block;
  margin-left: 20px;
  margin-right: 15px;
  color: #202020;
  font-size: 24px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; }
  .header-cart-option li button,
  .header-search-option li button {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #ffffff;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; }
    .header-cart-option li button:hover,
    .header-search-option li button:hover {
      color: #cc7d6aimporeant; }
  .header-cart-option li ul.mini-cart-drop-down {
    top: 100%;
    right: 0;
    width: 300px;
    background-color: #fff;
    position: absolute;
    padding: 10px;
    border-style: solid;
    border-width: 2px 1px 1px;
    border-color: #e5e5e5;
    border-top-color: #cc7d6a;
    display: none;
    z-index: 999; }
    @media only screen and (max-width: 479px) {
      .header-cart-option li ul.mini-cart-drop-down {
        right: -54px;
        width: 280px;
        z-index: 9999; } }
    .header-cart-option li ul.mini-cart-drop-down li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-left: 0;
      padding: 3px;
      cursor: auto; }
      li.cart-top .cart-img {
        max-width: 70px; }
      li.cart-top .cart-info {
        display: block; }
        li.cart-top .cart-info h4 {
          font-size: 14px;
          overflow-wrap: break-word; }
          li.cart-top .cart-info h4 a {
            color: #202020; }
            li.cart-top .cart-info h4 a:hover {
              color: #cc7d6a; }
        li.cart-top .cart-info span {
          color: #202020;
          font-size: 13px;
          font-weight: 500; }
      li.cart-top .del-icon {
        cursor: pointer; }
      li .mini-cart-text {
        color: #202020;
        font-size: 14px;
        font-weight: 500; }
      li .mini-cart-price {
        color: #202020;
        font-size: 13px;
        font-weight: 500; }
  .header-cart-option li:hover,
  .header-search-option li:hover {
    color: #33CCFF; }
  @media only screen and (max-width: 767px) {
    .header-cart-option li,
    .header-search-option li {
      margin-left: 20px; } }
  @media only screen and (max-width: 479px) {
    .header-cart-option li,
    .header-search-option li {
      margin-left: 0px; } }
  .header-cart-option li .account-list {
    top: 100%;
    right: 0;
    width: 120px;
    text-align: left;
    border: 1px solid #e5e5e5;
    padding: 10px 10px;
    display: none;
    position: absolute;
    z-index: 9999999;
    background-color: #fff;
    border-top: 2px solid #cc7d6a; }
    .header-cart-option li .account-list li {
      margin-left: 0;
      width: 100%;
      padding: 0; }
      @media only screen and (max-width: 575px) {
        .header-cart-option li .account-list li {
          margin-left: 0 !important; } }
      .header-cart-option li .account-list li a {
        font-size: 13px;
        color: #636363;
        padding: 4px 5px;
        display: block; }
        .header-cart-option li .account-list li a img {
          padding-right: 5px; }
        .header-cart-option li .account-list li a:hover, .header-cart-option li .account-list li a.active {
          color: #fff;
          background-color: #cc7d6a; }

.cart-button {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  width: 100%;
  color: #fff;
  text-transform: none;
  background-color: #202020; }
  .header-cart-option .cart-button:hover {
    background-color: #666 !important; }

.cart-button.inverse  {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  width: 100%;
  color: #fff;
  text-transform: none;
  background-color: #cc7d6a; }
  .header-cart-option .cart-button.inverse:hover {
    background-color: #666 !important; }

.header-cart-option.brand-color2 button:hover {
  color: #00aeef; }

.block-bg {
  background: rgba(22, 22, 27, 0.98);
  background-color: #ffffff!important;
  height: 100%;
  right: 0;
  opacity: 0;
  position: fixed;
  text-align: center;
  top: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  visibility: hidden;
  width: 100%;
  z-index: 9999999;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; 
}

.user_active.block-bg,.cart_active.block-bg
{
  
  text-align: left;
}

  .block-bg .minisearch .field__search {
    left: 0;
    margin: 0 auto auto;
    max-width: 1000px;
    position: fixed;
    right: 0;
    top: 50%; }
  .block-bg.user_active .minisearch .field__search {
    top: 25%; }
    .block-bg .minisearch .field__search input {
      color: #222;
      background: transparent;
      border-color: #222;
      border-width: 0 0 1px;
      outline: medium none;
      /*height: 60px;*/
      width: 100%;
      z-index: 1;
      position: relative;
      background: transparent;
      padding: 0 10px 0 10px; }
    .block-bg .minisearch .field__search .action {
      position: absolute;
      right: 0;
      top: 50%;
      z-index: 2;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .block-bg .minisearch .field__search .action i {
        color: #222;
        font-size: 24px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .block-bg .minisearch .field__search {
        max-width: 800px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .block-bg .minisearch .field__search {
        max-width: 650px; } }
    @media only screen and (max-width: 767px) {
      .block-bg .minisearch .field__search {
        max-width: 500px; } }
    @media only screen and (max-width: 575px) {
      .block-bg .minisearch .field__search {
        max-width: 400px; } }
    @media only screen and (max-width: 479px) {
      .block-bg .minisearch .field__search {
        max-width: 280px; } }
  .block-bg .close__wrap {
    color: #222;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    top: 50px;
    right: 20px;
    padding-top: 5px;
    position: absolute;
    padding-right: 25px; }

.user_active.block-bg .close__wrap,.cart_active.block-bg .close__wrap {
  top: 10px;
  right: 20px;

}

  .block-bg .close__wrap:before {
      top: 0;
      right: 0;
      font-size: 30px;
      vertical-align: middle;
      content: "\00d7";
      position: absolute;
      font-family: "FontAwesome"; }


.block-bg.is-visible {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible; 
  max-width: 500px;
  }

.search_active.block-bg.is-visible 
{
  max-width: 100%!important;
}


    .minisearch .field__search a {
      color: #222;
    }
    .minisearch .field__search a i {
      font-weight: bold;
    }
    .minisearch .field__search input {
      background: transparent;
      border: 1px solid #e5e5e5;
      height: 50px;
      width: 100%;
      z-index: 1;
      position: relative;
      background: transparent;
      padding: 0 40px 0 25px;
      margin: 15px 0; 
      color: #222;
    font-size: 16px;
    }
    .minisearch .field__search .action {
      position: absolute;
      right: 27px;
      top: 12px;
      margin: 0px 0;
      z-index: 2; }
      .minisearch .field__search .action i {
        font-size: 24px; 
      margin-top: 15px;}
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      opacity: 1;
    }
    ::-moz-placeholder { /* Firefox 19+ */
      opacity: 1;
    }
    :-ms-input-placeholder { /* IE 10+ */
      opacity: 1;
    }
    :-moz-placeholder { /* Firefox 18- */
      opacity: 1;
    }
    .header-cart-option {
      right: 0;
      position: absolute;
      top: 0px;
      margin-right: 15px; }

    .header-search-option {
      left: 0;
      position: absolute;
      top: 0px;
      margin-left: 60px; }

    .header-cart-option.mobile,.header-search-option.mobile {
      top: 0px;
    }

    .header-top-right {
      margin-right: 60px;
    }
    
    
    
    
  
    .announcement {
        top: auto;
        bottom: 100%;
    }
    .announcement {
        overflow: hidden;
        position: relative;
        /*position: absolute;
        left: -10000px;
        top: 0;
        right: -10000px;*/
        height: 55px;
        margin: 0;
        /*padding: 0 10000px;*/
        background: #f2e8d5;
        color: #222;
        line-height: 55px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .announcement .close {
        /*display: none;*/
        position: absolute;
        /*right: 10000px;*/
        right: 15px;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 55px;
        color: #222;
        font-size: 35px;
        text-decoration: none;
        text-shadow: none!important;
        background-color: #f2e8d5;
        opacity: 1;
    }

    .announcement .close:hover {
      color: #222!important;
    }
    .announcement .close::before {
        content: "\00d7";
        font-family: "FontAwesome";
        display: block;
        position: absolute;
        left: 0;
        top: 48%;
        width: 100%;
        height: 24px;
        margin: -10px 0 0;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        text-indent: 0;
        transition: 0.30s;
        -webkit-transition: 0.30s;
        -moz-transition: 0.30s;
        -ms-transition: 0.30s;
        -o-transition: 0.30s;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .announcement .close:hover::before {
        transition: 0.30s;
        -webkit-transition: 0.30s;
        -moz-transition: 0.30s;
        -ms-transition: 0.30s;
        -o-transition: 0.30s;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .announcement .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
        color: transparent;
        opacity: 1;
    }
    
    .header-top {
        /*background-color: #bec0c1;*/
        background-color: #fff;
        color: #000;
        padding: 15px 0px;
    }
    
    .header-top .header-top-right li,
    .header-top .header-cart-option li,
    .header-top .header-search-option li {
        display: inline-block;
        margin-right: 18px;
        padding: 15px 0;
    }
    .header-top .header-top-right li a,
    .header-top .header-cart-option li a,
    .header-top .header-search-option li a {
        color: #222;
        display: block;
        position: relative;
        height: auto;
        font-size: 12px;
        line-height: 23px;
        text-align: center;
    }
    .header-top .header-top-right li a i,
    .header-top .header-cart-option li a i,
    .header-top .header-search-option li a i {
        display: block;
        margin: 0 auto 5px;
        font-size: 22px;
        line-height: 22px;
    }
    .header-cart-option li i,
    .header-search-option li i {
        /*font-weight: bold !important;*/
        font-weight: normal!important;
        color: #222;
    }
    .header-top-right li .no,
    .header-cart-option li .no,
    .header-search-option li .no {
        display: block;
        position: absolute;
        right: 50%;
        top: -7px;
        min-width: 19px;
        height: 19px;
        margin: 0 -23px 0 0;
        padding: 0 3px;
        border-radius: 19px;
        background: #cc7d6a;;
        color: white;
        font-size: 12px;
        line-height: 19px;
        text-align: center;
    }
    @media only screen and (max-width: 991px) {
        .header-top-right li .no,
        .header-cart-option li .no,
        .header-search-option li .no {
            top: -3px;
            margin: 0 -22px 0 0;
            color: #ffffff!important;
        }
    }
    
/*------ End Header Area ------*/
.mean-container .mean-bar {
  min-height: auto;
  padding: 0;
  margin-top: 0; }
  .mean-container .mean-bar a {
    -webkit-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
    top: -45px;}
    .mean-container .mean-bar a span {
      background: #222; }
    .mean-container .mean-bar a.meanmenu-reveal {
      color: #222;
      right: auto !important;
      left: 0 !important;
    padding: 0px 5px; }
  .mean-container .mean-bar .mean-nav {
    margin-top: 0;
    background-color: #CC7D6A; }
    .mean-container .mean-bar .mean-nav ul {
      /*max-height: 250px;*/
      overflow-x: hidden; }
      .mean-container .mean-bar .mean-nav ul li {
        border-bottom: 1px solid #D7D2C6; }
        .mean-container .mean-bar .mean-nav ul li a {
          color: #ffffff;
          opacity: 1; }
          .mean-container .mean-bar .mean-nav ul li a.mean-expand {
            padding: 8px 12px !important; }
            .mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {
              color: #fff; }
          @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
            .mean-container .mean-bar .mean-nav ul li a i {
              display: none; } }


.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(0,0,0,.9);
    background-color: #D7D2C6;
}


.header-transparent {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 999; }
  @media only screen and (max-width: 767px) {
    .header-transparent {
      position: inherit; } }

.header-5 {
  background-color: rgba(255, 255, 255, 0.8); }
  .header-5.sticky {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, 0.8) !important; }

/*------slider area start------*/
.hero__1 .single-slider {
  height: 800px;
  position: relative;
  background-size: cover;
  background-position: 50% 50%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero__1 .single-slider {
      height: 500px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero__1 .single-slider {
      height: 400px; } }
  @media only screen and (max-width: 767px) {
    .hero__1 .single-slider {
      height: 350px; }
      .hero__1 .single-slider:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        background-color: #202020;
        opacity: 0.4; } }

.hero__2 .single-slider {
  position: relative;
  height: 590px;
  background-size: cover;
  background-position: 50% 50%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero__2 .single-slider {
      height: 500px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero__2 .single-slider {
      height: 400px; } }
  /*@media only screen and (max-width: 767px) {
    .hero__2 .single-slider {
      height: 350px; }
      .hero__2 .single-slider:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        background-color: #fff;
        opacity: 0.4; } }*/


.slider-text.slider-style-1, .slider-text.slider-style-2, .slider-text.slider-style-3, .slider-text.slider-style-4 {
  max-width: 50%;
  margin: 0 auto;
  text-align: center; }
  @media only screen and (min-width: 1200px) {
    .slider-text.slider-style-1, .slider-text.slider-style-2, .slider-text.slider-style-3, .slider-text.slider-style-4 {
      max-width: 70%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-text.slider-style-1, .slider-text.slider-style-2, .slider-text.slider-style-3, .slider-text.slider-style-4 {
      max-width: 90%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-text.slider-style-1, .slider-text.slider-style-2, .slider-text.slider-style-3, .slider-text.slider-style-4 {
      max-width: 90%; } }
  @media only screen and (max-width: 767px) {
    .slider-text.slider-style-1, .slider-text.slider-style-2, .slider-text.slider-style-3, .slider-text.slider-style-4 {
      max-width: 70%; } }
  @media only screen and (max-width: 575px) {
    .slider-text.slider-style-1, .slider-text.slider-style-2, .slider-text.slider-style-3, .slider-text.slider-style-4 {
      max-width: 80%; } }
  .slider-text.slider-style-1 h4, .slider-text.slider-style-2 h4, .slider-text.slider-style-3 h4, .slider-text.slider-style-4 h4 {
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .slider-text.slider-style-1 h4, .slider-text.slider-style-2 h4, .slider-text.slider-style-3 h4, .slider-text.slider-style-4 h4 {
        font-size: 18px;
        line-height: 24px; } }
    @media only screen and (max-width: 479px) {
      .slider-text.slider-style-1 h4, .slider-text.slider-style-2 h4, .slider-text.slider-style-3 h4, .slider-text.slider-style-4 h4 {
        font-size: 18px;
        line-height: 18px; } }
  .slider-text.slider-style-1 h1, .slider-text.slider-style-2 h1, .slider-text.slider-style-3 h1, .slider-text.slider-style-4 h1 {
    color: #fff;
    font-size: 65px;
    line-height: 68px;
    text-transform: uppercase;
    font-weight: 100;
    padding: 10px 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .slider-text.slider-style-1 h1, .slider-text.slider-style-2 h1, .slider-text.slider-style-3 h1, .slider-text.slider-style-4 h1 {
        font-size: 50px; } }
    @media only screen and (max-width: 767px) {
      .slider-text.slider-style-1 h1, .slider-text.slider-style-2 h1, .slider-text.slider-style-3 h1, .slider-text.slider-style-4 h1 {
        font-size: 30px;
        line-height: 30px; } }
    @media only screen and (max-width: 479px) {
      .slider-text.slider-style-1 h1, .slider-text.slider-style-2 h1, .slider-text.slider-style-3 h1, .slider-text.slider-style-4 h1 {
        font-size: 22px;
        line-height: 24px; } }
    .slider-text.slider-style-1 h1 span, .slider-text.slider-style-2 h1 span, .slider-text.slider-style-3 h1 span, .slider-text.slider-style-4 h1 span {
      color: #cc7d6a; }
  .slider-text.slider-style-1 p, .slider-text.slider-style-2 p, .slider-text.slider-style-3 p, .slider-text.slider-style-4 p {
    color: #222;
    background-color: rgba(255, 255, 255, 0.4);
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .slider-text.slider-style-1 p, .slider-text.slider-style-2 p, .slider-text.slider-style-3 p, .slider-text.slider-style-4 p {
        font-size: 16px; } }
    @media only screen and (max-width: 767px) {
      .slider-text.slider-style-1 p, .slider-text.slider-style-2 p, .slider-text.slider-style-3 p, .slider-text.slider-style-4 p {
        font-size: 14px; } }
  .slider-text.slider-style-1 .home-btn, .slider-text.slider-style-2 .home-btn, .slider-text.slider-style-3 .home-btn, .slider-text.slider-style-4 .home-btn {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #cc7d6a;
    line-height: 45px;
    display: inline-block;
    padding: 0 25px;
    border-radius: 30px; }
    .slider-text.slider-style-1 .home-btn:hover, .slider-text.slider-style-2 .home-btn:hover, .slider-text.slider-style-3 .home-btn:hover, .slider-text.slider-style-4 .home-btn:hover {
      color: #202020;
      background-color: #fff; }



.hero__1.slick-arrow-style .slick-arrow, .hero__2.slick-arrow-style .slick-arrow, .hero__3.slick-arrow-style .slick-arrow, .hero__4.slick-arrow-style .slick-arrow {
  background-color: rgba(255, 255, 255, 0.4);
  border: medium none;
  border-radius: 50%;
  color: #fff;
  height: 60px;
  padding: 15px 10px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; }
  .hero__1.slick-arrow-style .slick-arrow.slick-prev, .hero__2.slick-arrow-style .slick-arrow.slick-prev, .hero__3.slick-arrow-style .slick-arrow.slick-prev, .hero__4.slick-arrow-style .slick-arrow.slick-prev {
    left: 15px;
    right: auto; }
  .hero__1.slick-arrow-style .slick-arrow.slick-next, .hero__2.slick-arrow-style .slick-arrow.slick-next, .hero__3.slick-arrow-style .slick-arrow.slick-next, .hero__4.slick-arrow-style .slick-arrow.slick-next {
    left: auto;
    right: 15px; }
  .hero__1.slick-arrow-style .slick-arrow i, .hero__2.slick-arrow-style .slick-arrow i, .hero__3.slick-arrow-style .slick-arrow i, .hero__4.slick-arrow-style .slick-arrow i {
    font-size: 30px;
    line-height: 30px; }
  .hero__1.slick-arrow-style .slick-arrow:hover, .hero__2.slick-arrow-style .slick-arrow:hover, .hero__3.slick-arrow-style .slick-arrow:hover, .hero__4.slick-arrow-style .slick-arrow:hover {
    color: #202020;
    background-color: #fff; }

.herobanner-progress {
  -webkit-animation: initial;
  animation: initial;
  background: #202020;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 5;
  opacity: 0.2; }

.slick-current .herobanner-progress {
  -webkit-animation: 8000ms ease-in-out 0s normal backwards 1 running hoFill;
  animation: 8000ms ease-in-out 0s normal backwards 1 running hoFill; }

@-webkit-keyframes hoFill {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

@keyframes hoFill {
  0% {
    width: 0; }
  100% {
    width: 100%; } }



/*----- full page slider for home version five start -----*/
.slick-current .slider-text h4 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.slick-current .slider-text h1 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s; }

.slick-current .slider-text p {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s; }

.slick-current .slider-text a {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s; }

/*------slider area end------*/
.slick-arrow-style2.slick-slider .slick-arrow {
  top: 50%;
  height: 48px;
  width: 48px;
  z-index: 9;
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  position: absolute;
  background-color: #d6d6d6;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out; }
  .slick-arrow-style2.slick-slider .slick-arrow.slick-prev {
    left: 0;
    right: auto; }
  .slick-arrow-style2.slick-slider .slick-arrow.slick-next {
    left: auto;
    right: 0; }
  .slick-arrow-style2.slick-slider .slick-arrow:hover {
    color: #fff;
    background-color: #cc7d6a; }

.slick-arrow-style2.slick-slider:hover .slick-arrow {
  opacity: 1;
  visibility: visible; }

.slick-arrow-style2.arrow3.slick-slider .slick-arrow {
  border-radius: 0;
  width: 34px;
  height: 34px;
  line-height: 32px;
  background-color: #fff;
  border: 2px solid #ddd; }
  .slick-arrow-style2.arrow3.slick-slider .slick-arrow.slick-prev {
    left: -12px; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
      .slick-arrow-style2.arrow3.slick-slider .slick-arrow.slick-prev {
        left: 0; } }
  .slick-arrow-style2.arrow3.slick-slider .slick-arrow.slick-next {
    right: -12px; }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
      .slick-arrow-style2.arrow3.slick-slider .slick-arrow.slick-next {
        right: 0; } }
  .slick-arrow-style2.arrow3.slick-slider .slick-arrow:hover {
    color: #202020;
    background-color: #cc7d6a; }

.arrow-vertical.slick-slider button {
  background: transparent;
  border: 2px solid #e1e1e1;
  cursor: pointer;
  height: 34px;
  left: 50%;
  line-height: 30px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 34px;
  z-index: 9;
  opacity: 0;
  visibility: hidden; }
  .arrow-vertical.slick-slider button.slick-prev {
    top: -10px;
    bottom: auto; }
  .arrow-vertical.slick-slider button.slick-next {
    top: auto;
    bottom: -5px; }

.arrow-vertical.slick-slider:hover button {
  opacity: 1;
  visibility: visible; }



.user_active,
.user_active h5,
.user_active p,
.user_active .minisearch .field__search a {
  color: #fff;
}
.user_active .btn {
  margin-bottom: 10px;
}
.user_active .btn i {
  font-size: 26px;
  line-height: 1px;
  top: .15rem;
  position: relative;
}

.list-cart { list-style: none; padding: 0 0 0 0px; color: #222}
.list-cart li { position: relative; min-height: 80px; margin: 0 0 21px; padding: 6px 0 0 80px; font-size: 1em; }
.list-cart li:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -26px; height: 1px; background: var(--mercury); }
.list-cart h1, .list-cart h2, .list-cart h3, .list-cart h4, .list-cart h5, .list-cart h6 { margin: 0 0 9px; font-size: 15px; font-weight: 600; line-height: 1.4; }
.list-cart h1 span, .list-cart h2 span, .list-cart h3 span, .list-cart h4 span, .list-cart h5 span, .list-cart h6 span { margin-left: 10px; font-weight: 400; font-size: 0.8666666667em; }
.list-cart h1 span.strong, .list-cart h2 span.strong, .list-cart h3 span.strong, .list-cart h4 span.strong, .list-cart h5 span.strong, .list-cart h6 span.strong { display: block; margin: 0 0 4px; }
.list-cart figure { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; margin: 0; }
.list-cart p { position: relative; margin: 0; font-size: 15px; font-weight: 700;color:#222 }
.list-cart p span, .module-product-bar p.price span { display: inline-block; position: relative; margin: 0 0 0 14px; color: var(--sale); font-weight: 400; font-size: 0.8666666667em; }
.list-cart p span:before, .list-collection p.price span:before, .list-checkout .price span span:before, .module-product-bar p.price span:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 50%; height: 1px; margin: -.5px 0 0; background: var(--sale); }
.list-cart p span:before, .list-collection p.price span:before, .list-checkout .price span span:before, .module-product-bar p.price span:before { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
.list-cart p span.text-right { position: absolute; right: 0; top: 3px; color: var(--black); }
.list-cart ul { position: relative; z-index: 10; list-style: none; margin: 0 -15px 0 0; padding: 0; }
.list-cart ul li { min-height: 0; margin: 0 15px 0 0; padding: 0; font-size: 1.3em; } 
.list-cart.small { color: var(--cod); font-weight: 700; line-height: 1.625; }
.list-cart.small li { position: relative; min-height: 60px; margin: 0; padding: 24px 140px 18px 102px; border-top: 1px solid var(--mercury); font-size: 1.6em; }
.list-cart.small li:first-child { margin-top: -24px; border-top-width: 0; }
.list-cart.small a { display: block; position: static; color: var(--cod); font-weight: 700; text-decoration: none; }
.list-cart.small span { display: block; position: absolute; right: 0; top: 24px; }
.list-cart.small span.img { display: block; position: absolute; left: 0; right: auto; top: 0; bottom: 0; width: 60px; }
.list-cart.small li.btn, .new #top #logo.text-center ~ form .list-cart.small li.btn { min-height: 0; margin-top: 14px; padding: 0; border-width: 0; font-size: 1.5em; } 
.list-cart.small li.btn a { padding: 15px; background: var(--black); color: var(--white); text-align: center; }