.features-item-area .container-fluid {
  padding-left: 150px;
  padding-right: 150px; }

  .p-50 {padding: 50px}
  .p-100 {padding: 100px}
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .features-item-area .container-fluid {
      padding-left: 30px;
      padding-right: 30px; } 

      .p-50 {padding: 30px}
      .p-100 {padding: 80px}
  }
  @media only screen and (max-width: 767px) {
    .features-item-area .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } 

      .p-50 {padding: 20px}
      .p-100 {padding: 50px}
    }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .features-item-area .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } 

      .p-50 {padding: 20px}
      .p-100 {padding: 50px}
    }

.white {
  color: #fff; }

.good {
  color: #cc7d6a; }

.gray {
  background: #f8f8f8; }

.black-soft {
  background: #161616; }

.bg-white {
  background: #ffffff; }

.container {
  max-width: 1920px; }

.container.small {
  max-width: 1600px!important; }

.container.x-small {
  max-width: 1200px!important; }

@media only screen and (max-width: 767px) {
    .container.x-small {
      padding-right: 0px;
      padding-left: 0px;
    }

    .container.x-small .align-items-center
    {
      padding-right: 15px;
      padding-left: 15px;
    }
}

 

.bg-facebook {
  background: #365899; }

.bg-twitter {
  background: #1b95e0; }

.bg-google {
  background: #e04b34; }

.c-red {
  background: red; }

.c-gray {
  background: gray; }

.c-blue {
  background: blue; }

.c-brown {
  background: brown; }

.c-black {
  background: black; }

a.add_btn, button.add_btn {
  color: #fff;
  font-size: 14px;
  text-transform: none
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
  border-radius: 30px;
  border-color:#202020;
  background-color: #202020; }

  a.add_btn i,button.add_btn i {
    font-size: 18px;
    line-height: 40px;
    padding-right: 5px; }

  a.add_btn:hover,button.add_btn:hover {
    color: #000;
    border-color:#cc7d6a;
    background-color: #cc7d6a; }

.product-details-wrapper a.btn-add-to-fav{
  color: #fff;
  font-size: 16px;
  text-transform: none
  line-height: 40px;
  margin-left: 7px;
  padding: 0 20px;
  display: inline-block;
  border-radius: 30px;
  border-color:#cc7d6a;
  background-color: #cc7d6a; }

 .product-details-wrapper a.btn-add-to-fav i {
    font-size: 18px;
    line-height: 40px;
    }

.product-details-wrapper  a.btn-add-to-fav:hover {
    color: #000;
    border-color:#f2e8d5;
    background-color: #f2e8d5; }



}
.check-btn {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
  background: #cc7d6a;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  -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; }
  .check-btn:hover {
    color: #ffffff;
    background-color: #BEC0C1; }
  .check-btn.sqr-btn {
    border-radius: 4px; }

.modal {
  z-index: 99999; }
  .modal .modal-header .close {
    padding: 10px 20px; }
  @media only screen and (max-width: 479px) {
    .modal .modal-body {
      padding: 10px; } }



/*----features area css start----*/
.features-item-area {
  padding: 0 100px; }
  @media only screen and (min-width: 1200px) {
    .features-item-area {
      padding: 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .features-item-area {
      padding: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .features-item-area {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .features-item-area {
      padding: 0; } }

.custom-row {
  margin-left: -15px;
  margin-right: -15px; }
  .custom-row .col-lg-4 {
    padding: 0 35px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .custom-row .col-lg-4 {
        padding: 0 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .custom-row .col-lg-4 {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .custom-row .col-lg-4 {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .custom-row {
      display: block !important; } }

.feature-single-item {
  position: relative; }
  .feature-single-item .feature__thum img {
    width: 100%; }
  .feature-single-item .feature__des {
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -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;
    z-index: 999; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature-single-item .feature__des {
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px; } }
    .feature-single-item .feature__des .feature__content {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      padding: 10px;
      z-index: 99999;
      position: relative; }
      .feature-single-item .feature__des .feature__content h3 {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        cursor: auto;
        text-transform: uppercase; }
        @media only screen and (min-width: 1200px) {
          .feature-single-item .feature__des .feature__content h3 {
            font-size: 16px; } }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .feature-single-item .feature__des .feature__content h3 {
            font-size: 16px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 479px) {
          .feature-single-item .feature__des .feature__content h3 {
            font-size: 14px; } }
      .feature-single-item .feature__des .feature__content a {
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        margin: 20px 0; }
        .feature-single-item .feature__des .feature__content a:hover {
          color: #cc7d6a; }
        .feature-single-item .feature__des .feature__content a::before {
          top: -12px;
          left: 50%;
          width: 60px;
          height: 2px;
          content: "";
          position: absolute;
          background: #fff;
          -webkit-transform: translate(-50%, 0);
          -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
    .feature-single-item .feature__des::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 3px solid #fff;
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
      opacity: 0;
      visibility: hidden;
      -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; }
  .feature-single-item:hover .feature__des {
    opacity: 1;
    visibility: visible; }
  .feature-single-item:hover ::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .feature-single-item::after {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    -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; }
  .feature-single-item:hover::after {
    opacity: 1;
    visibility: visible; }
  .feature-single-item .text__left {
    bottom: 50%;
    left: -57%;
    width: 100%;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    @media only screen and (min-width: 1200px) {
      .feature-single-item .text__left {
        bottom: 60%; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .feature-single-item .text__left {
        bottom: 62%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature-single-item .text__left {
        left: 0;
        bottom: -30px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); } }
    @media only screen and (max-width: 767px) {
      .feature-single-item .text__left {
        left: 0;
        bottom: -30px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); } }
    .feature-single-item .text__left span {
      font-size: 16px;
      position: relative;
      padding-left: 7px;
      text-transform: none; }
      .feature-single-item .text__left span::before {
        top: 50%;
        right: 100%;
        content: "";
        width: 70px;
        height: 1px;
        position: absolute;
        background-color: #252525;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .feature-single-item .text__left span::before {
            display: none; } }
        @media only screen and (max-width: 767px) {
          .feature-single-item .text__left span::before {
            display: none; } }
  @media only screen and (max-width: 767px) {
    .feature-single-item {
      margin-bottom: 60px; } }
  .feature-single-item.hm-2 .feature__des::before {
    border: 1px solid #fff; }
  @media only screen and (max-width: 767px) {
    .feature-single-item.hm-2 {
      margin-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-single-item.feat-hm-2 .feature__des h3 {
      font-size: 12px; } }
  @media only screen and (max-width: 767px) {
    .feature-single-item.feat-hm-2 .feature__des h3 {
      font-size: 15px; } }
  .feature-single-item.feat-hm-2 .text__left {
    bottom: 50%;
    left: -45%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .feature-single-item.feat-hm-2 .text__left {
        bottom: 55%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
      .feature-single-item.feat-hm-2 .text__left {
        bottom: -32px;
        left: 0; } }

/*---- start feature style 3 for home version 3 ----*/
.single-cms-banner {
  overflow: hidden; }
  .single-cms-banner img {
    -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; }
    @media only screen and (max-width: 767px) {
      .single-cms-banner img {
        width: 100%; } }
    .single-cms-banner img:hover {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

/*---- end feature style 3 for home version 3 ----*/
/*---- features area css end ----*/
/*---- hot deals area css start ----*/
.hot-deals-area {
  background: url(../img/bg/bg-spe.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 218px; }
  .hot-deals-area.hot-hm2 {
    margin-bottom: 243px; }
    @media only screen and (max-width: 575px) {
      .hot-deals-area.hot-hm2 {
        margin-bottom: 195px !important; } }

.hot_deals_carousel_active {
  margin-bottom: -220px; }

.product-details-carousel-item {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  position: relative; }
  @media only screen and (max-width: 575px) {
    .product-details-carousel-item {
      -webkit-box-shadow: none;
      box-shadow: none; } }
  .product-details-carousel-item .product__details_carousel_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 575px), only screen and (max-width: 767px) {
      .product-details-carousel-item .product__details_carousel_inner {
        display: block; } }
    .product-details-carousel-item .product__details_carousel_inner .product__item {
      width: 35%; }
      @media only screen and (max-width: 767px) {
        .product-details-carousel-item .product__details_carousel_inner .product__item {
          width: 100%; } }
      .product-details-carousel-item .product__details_carousel_inner .product__item .discount-text {
        bottom: 45%;
        right: -42%;
        position: absolute;
        background-color: #cc7d6a;
        padding: 0 25px;
        z-index: 1;
        border-radius: 25px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .product-details-carousel-item .product__details_carousel_inner .product__item .discount-text {
            bottom: 55%;
            right: -50%; } }
        @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
          .product-details-carousel-item .product__details_carousel_inner .product__item .discount-text {
            display: none; } }
        .product-details-carousel-item .product__details_carousel_inner .product__item .discount-text h4 {
          color: #fff;
          font-size: 16px;
          font-weight: 400;
          line-height: 40px;
          margin-bottom: 0;
          letter-spacing: 8px;
          text-transform: uppercase; }
    .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner {
      padding: 62px 60px 50px 90px;
      width: calc(100% - 35%);
      background-color: #fff; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner {
          padding: 55px 20px 50px 30px; } }
      @media only screen and (max-width: 575px), only screen and (max-width: 767px) {
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner {
          width: 100%;
          padding: 18px 10px 48px; } }
      @media only screen and (max-width: 479px) {
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner {
          padding: 18px 10px 48px; } }
      .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h2 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 15px;
        text-transform: none; }
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h2 a {
          color: #202020; }
          .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h2 a:hover {
            color: #cc7d6a; }
      .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h6 {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 20px;
        text-transform: none; }
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h6 a {
          color: #252525; }
          .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h6 a:hover {
            color: #cc7d6a; }
      .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner .product__price__ratings {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner .product__price__ratings .price__box .regular-price {
          font-size: 20px;
          line-height: 20PX;
          font-weight: 500; }
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner .product__price__ratings .ratings {
          font-size: 13px; }
          .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner .product__price__ratings .ratings .good {
            color: #cc7d6a; }
      .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner p {
        color: #252525;
        font-size: 13px;
        line-height: 24px; }
      .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner a.add_btn {
        font-size: 14px;
        text-transform: none;
        line-height: 40px;
        padding: 0 20px;
        display: inline-block;
        border-radius: 30px; }
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner a.add_btn i {
          font-size: 18px;
          line-height: 40px;
          padding-right: 5px; }
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner a.add_btn:hover {
          color: #fff;
          background-color: #cc7d6a; }
      .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner .product-countdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px; }
        .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner .product-countdown .single-countdown {
          text-align: center;
          margin-right: 10px; }
          .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner .product-countdown .single-countdown .single-countdown__time {
            color: #cd3301;
            font-size: 20px;
            font-weight: 600;
            border: 1px solid #e1e1e1;
            width: 60px;
            height: 48px;
            line-height: 48px;
            display: block;
            border-radius: 5px; }
          .product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner .product-countdown .single-countdown .single-countdown__text {
            display: block;
            font-size: 14px;
            color: #444;
            margin-top: 5px; }

/*---- hot deals area css end ----*/
/*---- our product style start ----*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .product-tab {
    margin-bottom: 25px !important; } }

.product-tab ul li a {
  color: #202020;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  padding: 0 20px;
  text-transform: uppercase; }
  .product-tab ul li a.active {
    color: #cc7d6a; }
  @media only screen and (max-width: 575px) {
    .product-tab ul li a {
      padding: 0 15px; } }

/*---- our product style end ----*/
/* ----tab problem fix css ----*/
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  visibility: hidden; }
  .tab-content .tab-pane.active {
    height: auto;
    opacity: 1;
    overflow: visible;
    visibility: visible; }


.newsletter-wrapper  {
  background-image: url(../img/bg/bg-newsletter.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }



/*---- categories area end ----*/
.scroll-top {
  background-color: #202020;
  bottom: 50px;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  height: 40px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 40px;
  z-index: 9;
  -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; }
  .scroll-top i {
    line-height: 40px;
    color: #fff;
    font-size: 24px; }
  .scroll-top.not-visible {
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0; }

/*--- section title style start ---*/
.section__title {
  max-width: 50%;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .section__title {
      max-width: 70%;
      margin-bottom: 25px !important; } }
  @media only screen and (max-width: 479px) {
    .section__title {
      max-width: 100%;
      padding: 0 10px; } }

      .section_service h2 {
  font-size: 30px;
  line-height: 28px;
  font-weight: 200;
  display: inline-block;
  padding: 0 20px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 37px;
}

  .section__title h2 {
    font-family: 'Whisper', cursive;
    font-size: 65px;
    line-height: 72px;
    font-weight: 200;
    display: inline-block;
    padding: 0 20px;
    text-transform: none;
    position: relative;
    margin-bottom: 37px; }
    .section__title h2 span {
      color: #cc7d6a; }
    @media only screen and (max-width: 479px) {
      .section__title h2 {
        font-size: 22px;
        line-height: 24px; } }
    @media only screen and (max-width: 767px) {
      .section__title h2 {
        font-size: 25px;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      .section__title h2 {
        font-size: 30px;
        margin-bottom: 10px; } 

      h2 {
        font-size: 1.2em;
      }
    }
    .section__title h2::before {
      top: 50%;
      left: -77px;
      width: 77px;
      height: 8px;
      content: "";
      position: absolute;
      background: url(../img/icons/devider-left.png);
      background-repeat: no-repeat;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      @media only screen and (max-width: 479px) {
        .section__title h2::before {
          display: none; } }
    .section__title h2::after {
      top: 50%;
      right: -77px;
      width: 77px;
      height: 8px;
      content: "";
      position: absolute;
      background: url(../img/icons/devider-right.png);
      background-repeat: no-repeat;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      @media only screen and (max-width: 479px) {
        .section__title h2::after {
          display: none; } }
  .section__title p {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px; }
    @media only screen and (max-width: 767px) {
      .section__title p {
        line-height: 24px; } }

/*--- section title style end ---*/
/*--- product item style start ---*/
.product__item {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .product__item {
      margin-bottom: 30px !important; } }
  .product__item .product__thumb {
    position: relative; }
    .product__item .product__thumb a.img-overlay img,.single-blog-item .product__thumb a.img-overlay img {
      width: 100%; }
    .product__item .product__thumb a.img-overlay .sec-img, .single-blog-item .product__thumb a.img-overlay .sec-img{
      top: 0;
      left: 0;
      width: 100%;
      position: absolute;
      opacity: 0;
      visibility: hidden;
      -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; }
    .product__item .product__thumb a.img-overlay::before, .single-blog-item .product__thumb a.img-overlay::before {
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.07);
      opacity: 0;
      visibility: hidden;
      z-index: 1;
      -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; }
    .product__item .product__thumb .action_link {
      top: 20px;
      right: 20px;
      position: absolute;
      z-index: 9;
      -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; }
      .product__item .product__thumb .action_link a {
        width: 40px;
        height: 40px;
        color: #202020;
        font-size: 20px;
        text-align: center;
        border-radius: 50%;
        background-color: #fff;
        display: block;
        margin-bottom: 10px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5); }
        .product__item .product__thumb .action_link a i {
          line-height: 40px; }
        .product__item .product__thumb .action_link a:hover {
          color: #fff;
          background-color: #cc7d6a; }
  .product__item:hover .action_link a {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .product__item .product__content h6 {
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 0px;
    text-transform: none;
    width: 100%;
    text-align: center; }
    .product__item .product__content h6 a {
      color: #000; text-transform: uppercase;
    }
      .product__item .product__content h6 a:hover {
        color: #cc7d6a; }
  .product__item .product__content p {
    font-size: 13px;
    margin-bottom: 12px; }
    .product__item .product__content p a {
      color: #000; }
  .product__item .product__content .product__price__Ratings {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    display: block;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 24px; }
    .product__item .product__content .product__price__Ratings .price__box .regular-price {
      color: #202020;
      font-size: 20px;
      font-weight: 600; }
      .product__item .product__content .product__price__Ratings .price__box .regular-price .special-price,.regular-price .special-price {
        color: #cd3301; }
    .product__item .product__content .product__price__Ratings .price__box .old-price {
      color: #252525;
      font-size: 13px;
      padding-left: 5px; }
    .product__item .product__content .product__price__Ratings .ratings {
      font-size: 12px; }
      .product__item .product__content .product__price__Ratings .ratings .good {
        color: #cc7d6a; }
  .product__item:hover a.img-overlay .sec-img,.single-blog-item:hover a.img-overlay .sec-img {
    opacity: 1;
    visibility: visible; }
  .product__item:hover .product__thumb a.img-overlay::before, .single-blog-item:hover .product__thumb a.img-overlay::before  {
    opacity: 1;
    visibility: visible; }

/*--- product item style end ---*/
/*------ product list item start ------*/
.product-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 575px) {
    .product-list-item {
      display: block !important; } }
  .product-list-item .product__list__thumb {
    width: 290px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 290px;
    flex: 1 0 290px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .product-list-item .product__list__thumb {
        width: 200px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 200px;
        flex: 1 0 200px; } }
    @media only screen and (max-width: 575px) {
      .product-list-item .product__list__thumb {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-bottom: 25px; } }
    @media only screen and (max-width: 575px) {
      .product-list-item .product__list__thumb a img {
        width: 100%; } }
    .product-list-item .product__list__thumb a .sec-img {
      top: 0;
      left: 0;
      width: 100%;
      position: absolute;
      opacity: 0;
      visibility: hidden;
      -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; }
    .product-list-item .product__list__thumb a::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: rgba(0, 0, 0, 0.07);
      opacity: 0;
      visibility: hidden;
      z-index: 1;
      -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; }
  .product-list-item:hover .product__list__thumb a .sec-img {
    opacity: 1;
    visibility: visible; }
  .product-list-item:hover .product__list__thumb a::before {
    opacity: 1;
    visibility: visible; }
  .product-list-item .product__List__content {
    padding-left: 30px;
    width: calc(100% - 290px);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(100% - 290px);
    flex: 1 0 calc(100% - 290px); }
    @media only screen and (max-width: 767px) {
      .product-list-item .product__List__content {
        padding-left: 20px;
        width: calc(100% - 200px);
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 200px);
        flex: 1 0 calc(100% - 200px); } }
    @media only screen and (max-width: 575px) {
      .product-list-item .product__List__content {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding-left: 0; } }
    .product-list-item .product__List__content h2 {
      font-size: 20px;
      font-weight: 500;
      line-height: 26px;
      text-transform: none; }
      .product-list-item .product__List__content h2 a {
        color: #202020; }
        .product-list-item .product__List__content h2 a:hover {
          color: #cc7d6a; }
    .product-list-item .product__List__content h6 {
      font-size: 14px;
      font-weight: 400;
      line-height: 16px;
      padding: 10px 0;
      text-transform: none; }
      @media only screen and (max-width: 767px) {
        .product-list-item .product__List__content h6 {
          padding: 0; } }
      .product-list-item .product__List__content h6 a {
        color: #202020; }
        .product-list-item .product__List__content h6 a:hover {
          color: #cc7d6a; }
    .product-list-item .product__List__content .product__price__ratings {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .product-list-item .product__List__content .product__price__ratings {
          margin-bottom: 15px !important; } }
      .product-list-item .product__List__content .product__price__ratings .price__box .regular-price {
        color: #202020;
        font-size: 20px;
        font-weight: 500; }
        .product-list-item .product__List__content .product__price__ratings .price__box .regular-price span.special-price {
          color: #cd3301; }
      .product-list-item .product__List__content .product__price__ratings .price__box .old-price {
        font-size: 14px;
        vertical-align: text-bottom; }
    .product-list-item .product__List__content .action_link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 479px) {
        .product-list-item .product__List__content .action_link {
          display: block !important;
          text-align: center; } }
      .product-list-item .product__List__content .action_link .product-action-link {
        margin-left: 10px;
        opacity: 0;
        visibility: hidden;
        -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; }
        @media only screen and (max-width: 479px) {
          .product-list-item .product__List__content .action_link .product-action-link {
            opacity: 1;
            visibility: visible;
            margin-top: 15px; } }
        .product-list-item .product__List__content .action_link .product-action-link a {
          color: #fff;
          font-size: 16px;
          width: 45px;
          height: 45px;
          background-color: #202020;
          display: inline-block;
          border-radius: 50%;
          line-height: 45px;
          text-align: center;
          margin-right: 5px; }
          .product-list-item .product__List__content .action_link .product-action-link a:hover {
            color: #202020;
            background: #cc7d6a; }
    @media only screen and (max-width: 767px) {
      .product-list-item .product__List__content p {
        margin-bottom: 15px !important; } }
  .product-list-item:hover .product__List__content .product-action-link {
    opacity: 1;
    visibility: visible; }

/*------ product list item end ------*/
.blog-section-title h2 {
  font-size: 30px;
  line-height: 28px;
  font-weight: 600;
  margin-top: -3px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 35px; }
  @media only screen and (max-width: 479px) {
    .blog-section-title h2 {
      font-size: 22px;
      line-height: 24px; } }
  @media only screen and (max-width: 767px) {
    .blog-section-title h2 {
      margin-bottom: 15px; } }
  .blog-section-title h2 span {
    color: #cc7d6a; }

.blog-section-title p {
  font-size: 15px;
  color: #666;
  padding-right: 50px; }
  @media only screen and (max-width: 767px) {
    .blog-section-title p {
      padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .blog-content-wrapper {
    margin-bottom: 48px; } }

.blog-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 479px), only screen and (max-width: 575px) {
    .blog-item-content {
      display: block; } }
  .blog-item-content .blog-img-holder {
    width: 32%;
    position: relative; }
    .blog-item-content .blog-img-holder a {
      display: block;
      position: relative; }
      .blog-item-content .blog-img-holder a::before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        background-color: #202020;
        opacity: 0;
        visibility: hidden;
        -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; }
    .blog-item-content .blog-img-holder:hover a::before {
      opacity: 0.6;
      visibility: visible; }
    @media only screen and (max-width: 479px), only screen and (max-width: 575px) {
      .blog-item-content .blog-img-holder {
        width: 100%; } }
  .blog-item-content .blog-item-content-inner {
    width: calc(100% - 32%);
    padding-left: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .blog-item-content .blog-item-content-inner {
        padding-left: 20px; } }
    @media only screen and (max-width: 479px), only screen and (max-width: 575px) {
      .blog-item-content .blog-item-content-inner {
        width: 100%;
        padding-left: 0;
        margin-top: 15px; } }
    .blog-item-content .blog-item-content-inner .blog-content-holder h3 {
      font-size: 18px;
      font-weight: 600;
      line-height: 20px;
      margin-bottom: 20px;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
        .blog-item-content .blog-item-content-inner .blog-content-holder h3 {
          font-size: 16px;
          margin-bottom: 10px; } }
      .blog-item-content .blog-item-content-inner .blog-content-holder h3 a {
        color: #202020; }
        .blog-item-content .blog-item-content-inner .blog-content-holder h3 a:hover {
          color: #cc7d6a; }
    .blog-item-content .blog-item-content-inner .blog-content-holder p {
      color: #252525;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 5px; }
    .blog-item-content .blog-item-content-inner .blog-content-holder a.read_more {
      color: #252525;
      font-size: 15px;
      font-weight: 600;
      text-transform: none; }
      .blog-item-content .blog-item-content-inner .blog-content-holder a.read_more:hover {
        color: #cc7d6a; }

/*----- blog area start for home 3 -----*/
.single-blog-item .blog-thumb {
  position: relative; }
  .single-blog-item .blog-thumb img {
    width: 100%; }
  .single-blog-item .blog-thumb a::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: #202020;
    opacity: 0;
    visibility: hidden;
    -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; }
  .single-blog-item .blog-thumb a:hover::before {
    opacity: 0.6;
    visibility: visible; }

.single-blog-item .blog-content h4 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  padding: 30px 0 10px;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .single-blog-item .blog-content h4 {
      padding: 20px 0 0; } }
  .single-blog-item .blog-content h4 a {
    color: #202020; }
    .single-blog-item .blog-content h4 a:hover {
      color: #cc7d6a; }
  @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
    .single-blog-item .blog-content h4 {
      font-size: 14px; } }

.single-blog-item .blog-content p {
  line-height: 26px;
  padding-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .single-blog-item .blog-content p {
      padding-bottom: 5px; } }

.single-blog-item .blog-content a.read-more {
  color: #252525;
  font-size: 14px;
  font-weight: 600;
  text-transform: none; }
  .single-blog-item .blog-content a.read-more:hover {
    color: #cc7d6a; }

.single-blog-item .blog-content .blog-meta {
  padding-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .single-blog-item .blog-content .blog-meta {
      padding-bottom: 5px; } }
  .single-blog-item .blog-content .blog-meta a {
    color: #252525;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .single-blog-item .blog-content .blog-meta a {
        font-weight: 300; } }
    .single-blog-item .blog-content .blog-meta a::after {
      content: "/";
      margin: 0 5px 0 5px; }
    .single-blog-item .blog-content .blog-meta a:last-child::after {
      display: none; }
    .single-blog-item .blog-content .blog-meta a:hover {
      color: #cc7d6a; }

.single-blog-item .blog-content.blog-main h4 {
  font-size: 24px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .single-blog-item .blog-content.blog-main h4 {
      font-size: 20px; } }
  @media only screen and (max-width: 767px) {
    .single-blog-item .blog-content.blog-main h4 {
      font-size: 16px; } }

.single-blog-item .blog-content.blog-main .blog-social-sharing h3 {
  color: #202020;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase; }

.single-blog-item .blog-content.blog-main .blog-social-sharing li {
  display: inline-block;
  margin-right: 5px; }
  .single-blog-item .blog-content.blog-main .blog-social-sharing li a {
    color: #202020;
    border: 1px solid #202020;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    line-height: 30px; }
    .single-blog-item .blog-content.blog-main .blog-social-sharing li a:hover {
      background-color: #cc7d6a;
      border-color: #cc7d6a; }

.single-blog-item .blog-content.blog-main .blog-author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .single-blog-item .blog-content.blog-main .blog-author-info .author-thum {
    margin-right: 20px;
    -ms-flex-preferred-size: 65px;
    flex-basis: 65px; }
  .single-blog-item .blog-content.blog-main .blog-author-info .author-info {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%; }
    .single-blog-item .blog-content.blog-main .blog-author-info .author-info h3 {
      color: #202020;
      font-size: 16px;
      text-transform: none; }
      .single-blog-item .blog-content.blog-main .blog-author-info .author-info h3 a {
        color: #202020;
        padding-left: 5px; }
        .single-blog-item .blog-content.blog-main .blog-author-info .author-info h3 a:hover {
          color: #cc7d6a; }

.single-blog-item .blog-content.blog-main blockquote {
  margin-left: 10px; }
  .single-blog-item .blog-content.blog-main blockquote p {
    border-left: 5px solid #cc7d6a;
    color: #252525;
    font-size: 16px;
    font-style: italic;
    padding: 0 10px; }



/*----- breadcrumb style css start -----*/
.breadcrumb-area {
  /*background: url(../img/bg/page-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;*/ }

.breadcrumb-wrap {
  padding: 40px 0 25px 0; }
  @media only screen and (max-width: 767px) {
    .breadcrumb-wrap {
      padding: 35px 0; } }
  .breadcrumb-wrap .breadcrumb-title {
    font-family: 'Whisper', cursive;
    color: #222;
    font-size: 75px;
    line-height: 85px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: none; }
    

    
  .breadcrumb-wrap .breadcrumb {
    background: transparent;
    margin-bottom: 0;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .breadcrumb-wrap .breadcrumb .breadcrumb-item a {
      color: #222;
      font-size: 16px; }
      .breadcrumb-wrap .breadcrumb .breadcrumb-item a:hover {
        color: #cc7d6a; }
    .breadcrumb-wrap .breadcrumb .breadcrumb-item::before {
      color: #222;
      content: "\f105";
      padding: 0 10px;
      margin-right: 10px;
      font-family: fontawesome; }
    .breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child::before {
      display: none; }
    .breadcrumb-wrap .breadcrumb .breadcrumb-item.active {
      color: #cc7d6a;
      font-size: 15px;
      text-transform: none; }

      @media only screen and (max-width: 1199px) {
      .breadcrumb-wrap .breadcrumb-title {
        font-size: 40px!important;
        line-height: 40px; } 

        .breadcrumb-wrap .breadcrumb .breadcrumb-item a {
        color: #222;
        font-size: 14px; }

      }

      @media only screen and (max-width: 767px) {
      .breadcrumb-wrap .breadcrumb-title {
        font-size: 50px!important;
        line-height: 52px; } 

         .breadcrumb-wrap .breadcrumb .breadcrumb-item a {
        color: #222;
        font-size: 12px; }

        .breadcrumb-wrap .breadcrumb .breadcrumb-item::before {
          
          padding: 0 2px;
          margin-right: 2px;
        }
      }



    

/*----- breadcrumb style css end -----*/
/*----- shop Sidebar start -----*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar-wrap {
    padding-bottom: 18px; } }

@media only screen and (max-width: 767px) {
  .shop-sidebar-wrap {
    padding-bottom: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; } }

.shop-sidebar .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-top: -3px;
  text-transform: uppercase;
  position: relative; }
  .shop-sidebar .title::before {
    width: 55px;
    height: 2px;
    bottom: -10px;
    left: 0;
    background-color: #cc7d6a;
    content: "";
    position: absolute; }

/*----- Sidebar Category -----*/
.sidebar-category li {
  padding: 3px 0;
  border-bottom: none; }
  .sidebar-category li:last-child {
    border-bottom: 0px; }
  .sidebar-category li a {
    font-size: 14px;
    color: #252525;
    text-transform: none;
    line-height: 30px;
    position: relative;
    display: block; }
    .sidebar-category li a:hover {
      color: #cc7d6a; }
      .sidebar-category li a:hover::before {
        color: #cc7d6a; }

    .sidebar-category li a.active {
    color: #cc7d6a;
}

    .sidebar-category li a::before {
      position: absolute;
      left: 0;
      top: 0;
      color: #252525;
      line-height: 29px;
      font-family: Fontawesome;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
  .sidebar-category li.has-children > a {
    padding-left: 15px; }
    .sidebar-category li.has-children > a::before {
      content: "\f096";
      font-size: 12px; }
  .sidebar-category li ul li {
    border: none;
    padding: 5px 25px; }
    .sidebar-category li ul li a {
      text-transform: none;
      padding-left: 20px; }
      .sidebar-category li ul li a::before {
        content: "\f105";
        color: #252525; }

/*----- shop Sidebar end -----*/
/*----- price Sidebar start -----*/
.price-container li label.radio-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #252525;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -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; }
  .price-container li label.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .price-container li label.radio-container input:checked ~ .checkmark:after {
      display: block; }
  .price-container li label.radio-container:hover {
    color: #cc7d6a; }
  .price-container li label.radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    margin-top: 2px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #ccc; }
    .price-container li label.radio-container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      height: 8px;
      width: 8px;
      background-color: #cc7d6a;
      border-radius: 50%;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

/*----- price Sidebar end -----*/
/*----- popular item end -----*/
.popular-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .popular-item .pop-item-thumb {
    width: 65px; }
  .popular-item .pop-item-des {
    padding-left: 10px; }
    .popular-item .pop-item-des span {
      display: block;
      font-size: 13px;
      font-weight: 600;
      padding: 10px 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .popular-item .pop-item-des span {
          padding: 2px 0; } }
      .popular-item .pop-item-des span a {
        color: #252525; }
        .popular-item .pop-item-des span a:hover {
          color: #cc7d6a; }
      .popular-item .pop-item-des span.pop-price {
        color: #252525;
        font-size: 15px; }

/*----- popular item end -----*/
/*----- advertising sidebar start -----*/
.advertising1 {
  position: relative; }
  .advertising1 a img {
    width: 100%; }
  .advertising1 a::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out; }
  .advertising1 a:hover::before {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0; }
  .advertising1 a::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out; }
  .advertising1 a:hover::after {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0; }

/*----- advertising sidebar end -----*/
/*----- shop main wrapper start -----*/
.shop-top-bar {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f2f2f2; }

.top-bar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .top-bar-left {
      margin-bottom: 20px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .top-bar-left .product-view-mode a {
    color: #fff;
    background-color: #d6d6d6;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 5px; }
    .top-bar-left .product-view-mode a i {
      line-height: 40px;
      font-size: 20px; }
    .top-bar-left .product-view-mode a:hover {
      background-color: #cc7d6a; }
    .top-bar-left .product-view-mode a.active {
      background-color: #cc7d6a; }
  .top-bar-left .product-amount p {
    color: #252525;
    text-transform: none; }
  .top-bar-left .product-short {
    padding-right: 15px;
  } 
.top-bar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media only screen and (max-width: 767px) {
    .top-bar-right {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .top-bar-right .product-short {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; 
    margin-right: 10px}
    .top-bar-right .product-short p {
      margin-right: 10px; }

.nice-select {
  width: 200px;
  padding: 0 10px; }
  .nice-select.open {
    border-color: #cc7d6a; }
  .nice-select .list {
    right: 0;
    left: auto; }
  .nice-select .option {
    font-size: 13px;
    line-height: 34px;
    min-height: 34px; }

/*----- shop main wrapper end -----*/
.shop-product-wrap.list .product__item {
  display: none; }

 .product__item {
  display: block;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; 
  border: 1px solid #f2e8d5;
}

.shop-product-wrap.grid .product-list-item {
  display: none !important; }

.shop-product-wrap.list .product-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.shop-product-wrap.row.list .col-lg-4, .shop-product-wrap.row.list .col-lg-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.paginatoin-area {
  border-top: 1px solid #f2f2f2;
  padding-bottom: 42px; }
  .paginatoin-area .pagination-box li {
    display: inline-block; }
    .paginatoin-area .pagination-box li a {
      color: #252525;
      padding: 10px; }
    .paginatoin-area .pagination-box li.active a {
      color: #cc7d6a; }

/* Checkout Login Coupon Accordion Start */
.checkoutaccordion h3 {
  background-color: #f8f8f8;
  border-top: 3px solid #cc7d6a;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 30px;
  padding: 15px 20px;
  position: relative;
  text-transform: uppercase; }
  .checkoutaccordion h3 span {
    color: #cc7d6a;
    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;
    margin-left: 10px; }
    .checkoutaccordion h3 span:hover {
      color: #202020; }
  @media only screen and (max-width: 479px) {
    .checkoutaccordion h3 {
      font-size: 14px; } }

.checkoutaccordion .card {
  border: none;
  padding: 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; }
  .checkoutaccordion .card .card-body {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 20px;
    margin-bottom: 30px; }
    .checkoutaccordion .card .card-body .cart-update-option {
      border: none;
      padding: 0; }
      .checkoutaccordion .card .card-body .cart-update-option .apply-coupon-wrapper input {
        padding: 12px 10px;
        background-color: #f8f8f8;
        border: 1px solid #ccc;
        margin-right: 15px; }
        @media only screen and (max-width: 479px) {
          .checkoutaccordion .card .card-body .cart-update-option .apply-coupon-wrapper input {
            margin-bottom: 15px; } }

.checkout-billing-details-wrap h2 {
  font-size: 22px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-top: 15px; }

.checkout-billing-details-wrap .billing-form-wrap {
  margin-top: -20px; }

.single-form-row {
  margin-top: 15px;
  display: none; }
  .single-form-row p {
    margin: 0;
    font-size: 14px; }

.order-summary-details h2 {
  font-size: 22px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 30px;
  margin-top: 15px; }

.order-summary-table {
  background-color: #f8f8f8;
  margin-top: 34px; }
  .order-summary-table .table,
  .order-summary-table table {
    color: #202020;
    margin-bottom: 0;
    font-size: 15px;
    white-space: nowrap; }
    .order-summary-table .table tr td,
    .order-summary-table .table tr th,
    .order-summary-table table tr td,
    .order-summary-table table tr th {
      font-weight: 500;
      vertical-align: middle;
      padding: 15px 10px;
      border-width: 1px; }
      .order-summary-table .table tr td a,
      .order-summary-table .table tr th a,
      .order-summary-table table tr td a,
      .order-summary-table table tr th a {
        color: #202020;
        font-weight: 400; }
      .order-summary-table .table tr td strong,
      .order-summary-table .table tr th strong,
      .order-summary-table table tr td strong,
      .order-summary-table table tr th strong {
        font-weight: 500; }
  .order-summary-table .shipping-type {
    text-align: left; }
    .order-summary-table .shipping-type li {
      margin-bottom: 5px; }
      .order-summary-table .shipping-type li:last-child {
        margin-bottom: 0; }

.order-payment-method {
  background-color: #f8f8f8;
  padding: 40px 20px 30px; }

.single-payment-method {
  margin-bottom: 20px; }
  .single-payment-method:last-child {
    margin-bottom: 0; 
  margin-top: 25px;}
  .single-payment-method:first-child .payment-method-details {
    display: block; }
  .single-payment-method label,
  .single-payment-method .custom-control-label {
    font-weight: 500; }
  .single-payment-method .paypal-card {
    max-width: 250px;
    height: 50px;
    margin-top: 10px;
    display: block; }
  .single-payment-method .payment-method-details {
    background-color: #f1f1f1;
    color: #202020;
    font-weight: 400;
    font-size: 13px;
    padding: 10px;
    position: relative;
    margin-top: 20px;
    display: none; }
    .single-payment-method .payment-method-details:after {
      content: '';
      position: absolute;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #f1f1f1;
      bottom: 100%; }
    .single-payment-method .payment-method-details * {
      margin: 0; }

.summary-footer-area .btn-brand {
  margin-top: 40px; }

.single-input-item {
  margin-top: 20px; }
  .single-input-item label {
    color: #202020;
    text-transform: none;
    font-size: 14px; }
    .single-input-item label.required:after {
      content: '*';
      color: red;
      font-size: 14px;
      margin-left: 3px;
      margin-top: 5px; }
  .single-input-item input,
  .single-input-item select,
  .single-input-item textarea {
    color: #252525;
    border: 1px solid #ccc;
    padding: 12px 10px;
    width: 100%;
    font-size: 14px;
    background: #f8f8f8; }
    .single-input-item input:active, .single-input-item input:focus,
    .single-input-item select:active,
    .single-input-item textarea:active,
    .single-input-item textarea:focus {
      border-color: #cc7d6a;
      background-color: #fff; }
  .single-input-item .nice-select {
    width: 100%;
    border-radius: 0;
    height: 48px;
    border-color: #ccc;
    background-color: #f8f8f8; }
    .single-input-item .nice-select .current {
      color: #252525; }
    .single-input-item .nice-select .list {
      max-height: 200px;
      overflow: auto;
      width: 100%; }

.custom-checkbox label,
.custom-checkbox .custom-control-label,
.custom-radio label,
.custom-radio .custom-control-label {
  color: #202020;
  font-size: 14px;
  line-height: 1;
  padding-left: 10px;
  display: block;
  cursor: pointer; }
  .custom-checkbox label:before,
  .custom-checkbox .custom-control-label:before,
  .custom-radio label:before,
  .custom-radio .custom-control-label:before {
    background-color: #ddd;
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 15px;
    top: 0;
    width: 15px; }
  .custom-checkbox label:after,
  .custom-checkbox .custom-control-label:after,
  .custom-radio label:after,
  .custom-radio .custom-control-label:after {
    background-size: 10px 10px;
    height: 15px;
    top: 0;
    width: 15px; }
  .custom-checkbox label a,
  .custom-checkbox .custom-control-label a,
  .custom-radio label a,
  .custom-radio .custom-control-label a {
    color: #202020;
    font-weight: 500; }
    .custom-checkbox label a:hover,
    .custom-checkbox .custom-control-label a:hover,
    .custom-radio label a:hover,
    .custom-radio .custom-control-label a:hover {
      color: #cc7d6a; }

.custom-checkbox input,
.custom-checkbox .custom-control-input,
.custom-radio input,
.custom-radio .custom-control-input {
  outline: none; }
  .custom-checkbox input:focus ~ .custom-control-label:before,
  .custom-checkbox input:focus label:before,
  .custom-checkbox .custom-control-input:focus ~ .custom-control-label:before,
  .custom-checkbox .custom-control-input:focus label:before,
  .custom-radio input:focus ~ .custom-control-label:before,
  .custom-radio input:focus label:before,
  .custom-radio .custom-control-input:focus ~ .custom-control-label:before,
  .custom-radio .custom-control-input:focus label:before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .custom-checkbox input:checked ~ .custom-control-label:before,
  .custom-checkbox input:checked label:before,
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
  .custom-checkbox .custom-control-input:checked label:before,
  .custom-radio input:checked ~ .custom-control-label:before,
  .custom-radio input:checked label:before,
  .custom-radio .custom-control-input:checked ~ .custom-control-label:before,
  .custom-radio .custom-control-input:checked label:before {
    background-color: #cc7d6a;
    border-color: #cc7d6a; }

.custom-radio label:before,
.custom-radio .custom-control-label:before {
  border-radius: 50%;
  height: 15px;
  width: 15px; }

.custom-radio label::after,
.custom-radio .custom-control-label::after {
  background-position: 1px 1px;
  background-size: 9px 8px;
  left: -13px;
  top: 2px;
  height: 10px;
  width: 10px; }

/*===============================
Start Cart Page Wrapper
=================================*/
.cart-table .table {
  margin: 0;
  white-space: nowrap; }
  .cart-table .table thead {
    background-color: #cc7d6a; }
    .cart-table .table thead tr th {
      border-color: #cc7d6a;
      border-bottom: 0 solid transparent;
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      padding: 15px 20px;
      text-align: center;
      text-transform: uppercase; }
  .cart-table .table tbody tr td {
    border-color: #ccc;
    text-align: center;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: 600;
    color: #202020; }
    .cart-table .table tbody tr td a {
      color: #202020; }
      .cart-table .table tbody tr td a:hover {
        color: #cc7d6a; }
      .cart-table .table tbody tr td a.btn {
        color: #fff; }
        .cart-table .table tbody tr td a.btn:hover {
          color: #fff; }
      .cart-table .table tbody tr td a.check-btn {
        color: #fff; }
  .cart-table .table tr .pro-thumbnail,
  .cart-table .table tr .pro-price,
  .cart-table .table tr .pro-quantity,
  .cart-table .table tr .pro-subtotal,
  .cart-table .table tr .pro-remove {
    width: 140px; }
  .cart-table .table tr .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 0 15px;
    float: left; }
    .cart-table .table tr .pro-qty .qtybtn {
      width: 15px;
      display: block;
      float: left;
      line-height: 31px;
      cursor: pointer;
      text-align: center;
      font-size: 15px;
      font-weight: 700;
      color: #252525; }
    .cart-table .table tr .pro-qty input {
      width: 28px;
      float: left;
      border: none;
      height: 33px;
      line-height: 33px;
      padding: 0;
      text-align: center;
      background-color: transparent; }

.cart-update-option {
  /*border: 1px solid #ccc;*/
  margin-top: 15px;
  padding: 50px 20px 0px 20px;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-pack: space-between; }
  @media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .cart-update-option {
      margin-top: 0;
      border-top: 0 solid transparent; } }
  .cart-update-option .apply-coupon-wrapper {
    width: 100%; }
    @media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
      .cart-update-option .apply-coupon-wrapper {
        width: auto; } 

        .cart-update-option .apply-coupon-wrapper.last {
          margin-top: 10px;
        }

        .checkoutaccordion h3 span {
          margin-left: 0px;
          display: block;
        }

    }
    .cart-update-option .apply-coupon-wrapper form {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -webkit-box-pack: center;
      justify-content: center;
      -ms-flex-pack: center;
      white-space: nowrap; }
      .cart-update-option .apply-coupon-wrapper form input {
        border: 1px solid #ccc;
        font-size: 14px;
        padding: 12px 10px;
        outline: none;
        -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;
        margin-right: 15px;
        width: 100%; }
        .cart-update-option .apply-coupon-wrapper form input:focus, .cart-update-option .apply-coupon-wrapper form input:active {
          border-color: #cc7d6a; }
    @media only screen and (max-width: 767px) {
      .cart-update-option .apply-coupon-wrapper button {
        display: block;
        width: 100%;
        margin-top: 15px;
        border-radius: 0; } }
  .cart-update-option .btn-brand {
    padding: 18px 30px; }
    @media only screen and (max-width: 767px) {
      .cart-update-option .btn-brand {
        display: block;
        width: 100%;
        margin-top: 15px; } }
  @media only screen and (max-width: 767px) {
    .cart-update-option .cart-update .check-btn {
      display: block;
      text-align: center;
      margin-top: 15px;
      border-radius: 0; } 


    .cart-update-option .apply-coupon-wrapper.last input{
          width:100%!important;
          display: block!important;
          margin-bottom: 10px;

        }

      }

.cart-calculator-wrapper {
  margin-top: 30px;
  background-color: #f8f8f8; }
  .cart-calculator-wrapper h3 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    padding: 27px 15px 25px;
    margin-bottom: 0; }
  .cart-calculator-wrapper .cart-calculate-items {
    font-weight: 500; }
    .cart-calculator-wrapper .cart-calculate-items .table {
      margin-bottom: 0; }
      .cart-calculator-wrapper .cart-calculate-items .table tr td {
        padding: 15px 20px; }
        .cart-calculator-wrapper .cart-calculate-items .table tr td:nth-child(2) {
          color: #202020;
          text-align: right; }
        .cart-calculator-wrapper .cart-calculate-items .table tr td.total-amount {
          color: #f0b607;
          font-weight: 700; }
  .cart-calculator-wrapper a {
    border-radius: 0;
    text-align: center; }

/*------ Start Compare Page Wrapper -----*/
.compare-table .table tbody tr td {
  text-align: center;
  padding: 20px 20px;
  vertical-align: middle;
  border-color: #ccc; }
  .compare-table .table tbody tr td.first-column {
    min-width: 175px;
    font-size: 14px;
    font-weight: 500;
    color: #202020;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .compare-table .table tbody tr td.first-column {
        min-width: 115px; } }
  .compare-table .table tbody tr td.product-image-title {
    min-width: 310px;
    vertical-align: bottom; }
    @media only screen and (max-width: 767px) {
      .compare-table .table tbody tr td.product-image-title {
        min-width: 220px; } }
    .compare-table .table tbody tr td.product-image-title .image {
      clear: both;
      width: 100%;
      margin-bottom: 15px;
      display: block; }
    .compare-table .table tbody tr td.product-image-title .category {
      float: left;
      clear: both;
      color: #cc7d6a;
      text-transform: none;
      letter-spacing: 0.5px; }
    .compare-table .table tbody tr td.product-image-title .title {
      float: left;
      clear: both;
      font-size: 16px;
      color: #202020;
      font-weight: 500;
      text-transform: none; }
      .compare-table .table tbody tr td.product-image-title .title:hover {
        color: #cc7d6a; }
  .compare-table .table tbody tr td.pro-desc p {
    text-align: left;
    margin: 0; }
  .compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
    font-size: 14px;
    font-weight: 400; }
  .compare-table .table tbody tr td.pro-remove button {
    border: none;
    background-color: transparent;
    padding: 0;
    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; }
    .compare-table .table tbody tr td.pro-remove button:hover {
      color: #e74c3c; }
    .compare-table .table tbody tr td.pro-remove button i {
      font-size: 20px; }
  .compare-table .table tbody tr td.pro-ratting i {
    color: #f4ca49; }

/*------ end Compare Page Wrapper -----*/
/*-------- Start My Account Page Wrapper --------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .myaccount-tab-menu a {
    border: 1px solid #ccc;
    border-bottom: none;
    color: #202020;
    font-weight: 500;
    font-size: 13px;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase; }
    .myaccount-tab-menu a:last-child {
      border-bottom: 1px solid #ccc; }
    .myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
      background-color: #cc7d6a;
      border-color: #cc7d6a;
      color: #fff; }
    .myaccount-tab-menu a i.fa {
      font-size: 14px;
      text-align: center;
      width: 25px; }

@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px; } }

.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px; }
  @media only screen and (max-width: 575px) {
    .myaccount-content {
      padding: 20px 15px; } }
  .myaccount-content form {
    margin-top: -20px; }
  .myaccount-content h3 {
    font-size: 22px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-weight: 400; }
  .myaccount-content .welcome a {
    color: #202020; }
    .myaccount-content .welcome a:hover {
      color: #cc7d6a; }
  .myaccount-content .welcome strong {
    font-weight: 600;
    color: #cc7d6a; }
  .myaccount-content fieldset {
    margin-top: 20px; }
    .myaccount-content fieldset legend {
      color: #202020;
      font-size: 16px;
      margin-top: 20px;
      font-weight: 500;
      padding-bottom: 20px;
      border-bottom: 1px solid #ccc; }

.myaccount-table {
  white-space: nowrap;
  font-size: 14px; }
  .myaccount-table table th,
  .myaccount-table .table th {
    color: #202020;
    padding: 10px;
    font-weight: 500;
    background-color: #f8f8f8;
    border-color: #ccc;
    border-bottom: 0; }
  .myaccount-table table td,
  .myaccount-table .table td {
    padding: 10px;
    vertical-align: middle;
    border-color: #ccc; }

.saved-message {
  background-color: #f4f5f7;
  border-top: 3px solid #cc7d6a;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 14px;
  color: #202020;
  padding: 20px; }

/*-------- Start My Account Page Wrapper --------*/
/*------ Start Login & Register Page ------*/
.login-reg-form-wrap {
  background-color: #fff;
  /*-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);*/
  padding: 23px 30px 30px; }
  @media only screen and (max-width: 575px) {
    .login-reg-form-wrap {
      padding: 23px 15px 30px; } }
  .login-reg-form-wrap.signup-form {
    margin-top: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
      .login-reg-form-wrap.signup-form {
        margin-top: 0; } }
  .login-reg-form-wrap h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    text-transform: none;
    color: #202020;
    border-bottom: #ccc;
   /* padding-bottom: 15px;
    margin-bottom: 32px; */}
  .login-reg-form-wrap h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-transform: none;
    color: #202020;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 30px; }
  .login-reg-form-wrap form .create-account {
    margin-top: 25px; }
  .login-reg-form-wrap .login-reg-form-meta a {
    color: #cc7d6a; }

/*------ end Login & Register Page ------*/
/*------- Start About Page Wrapper --------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-wrapper {
    padding-top: 90px !important;
    padding-bottom: 92px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-wrapper {
    padding-bottom: 92px !important; } }

/*@media only screen and (max-width: 767px) {
  .about-us-wrapper {
    padding-top: 55px !important;
    padding-bottom: 50px !important; } }*/

.about-text-wrap {
  font-size: 16px;
  line-height: 28px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-text-wrap {
      padding: 0 20px; } }
  .about-text-wrap h2 {
    color: #202020;
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: -6px; }
    @media only screen and (max-width: 767px) {
      .about-text-wrap h2 {
        font-size: 36px;
        line-height: 36px; } }
    @media only screen and (max-width: 575px) {
      .about-text-wrap h2 {
        font-size: 26px;
        line-height: 26px; } }
    .about-text-wrap h2 span {
      display: block;
      font-weight: 400;
      font-size: 30px;
      margin-bottom: 12px; }
      @media only screen and (max-width: 575px) {
        .about-text-wrap h2 span {
          font-size: 24px; } }

.about-image-wrap {
  position: relative;
  padding-left: 30px;
  padding-top: 30px;
  margin-bottom: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
    .about-image-wrap {
      margin-bottom: 0; } }
  .about-image-wrap:after {
    border: 5px solid #cc7d6a;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    z-index: -1; }

/*------- end About Page Wrapper --------*/
/*------- Start facts area --------*/
.facts-area {
  background-color: #f8f8f8; }
  .facts-area .fact-icon i {
    font-size: 36px;
    color: #252525; }
  .facts-area .facts-content .counter {
    color: #202020;
    font-size: 48px;
    font-weight: 600; }
  .facts-area .facts-content h5 {
    font-size: 18px;
    line-height: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .facts-area .facts-content h5 {
        font-size: 16px; } }

/*------- end facts area --------*/
.team-member {
  -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; }
  .team-member .team-thumb img {
    width: 100%; }
  .team-member .team-content {
    padding: 15px;
    border: 1px solid #eeeeee; }
    .team-member .team-content h3 {
      color: #202020;
      font-size: 20px;
      line-height: 28px;
      text-transform: none; }
    .team-member .team-content p {
      color: #252525;
      line-height: 20px; }
    .team-member .team-content a {
      color: #252525;
      line-height: 20px; }
      .team-member .team-content a:hover {
        color: #cc7d6a; }
    .team-member .team-content .team-social {
      margin-top: 15px; }
      .team-member .team-content .team-social a {
        color: #202020;
        width: 34px;
        height: 34px;
        display: inline-block;
        text-align: center;
        line-height: 34px;
        border: 1px solid #202020;
        border-radius: 50%;
        margin-right: 5px; }
        .team-member .team-content .team-social a:hover {
          background-color: #cc7d6a;
          border-color: #cc7d6a; }
  .team-member:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }

/*------ contact form info area start -------*/
.contact-single-info .contact-icon {
  width: 80px;
  height: 80px;
  text-align: center;
  background-color: #cc7d6a;
  border-radius: 50%;
  display: inline-block;
  -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; }
  .contact-single-info .contact-icon i {
    color: #fff;
    font-size: 30px;
    line-height: 80px; }
  .contact-single-info .contact-icon:hover {
    background-color: #f2e8d5;
  }

.contact-single-info h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  margin-top: 25px; }

.contact-single-info p {
  line-height: 28px; }

/*------ contact form info area start -------*/
/*------ contact form area start -------*/
.contact-message input, .contact-message textarea {
  width: 100%;
  padding: 12px 10px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  margin-bottom: 30px; }

.contact-message textarea {
  height: 150px; }

/*------ contact form area start -------*/
.error h1 {
  font-size: 200px;
  font-weight: 900;
  letter-spacing: 1rem;
  line-height: 1.1;
  margin-top: -36px;
  color: #cc7d6a; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .error h1 {
      font-size: 130px; } }
  @media only screen and (max-width: 767px) {
    .error h1 {
      font-size: 100px;
      margin-top: -16px; } }

.error h2 {
  font-size: 25px; }
  @media only screen and (max-width: 479px) {
    .error h2 {
      font-size: 20px; } }

.error .btn {
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  color: #fff;
  font-size: 16px;
  min-width: 184px;
  min-height: 55px;
  line-height: 55px;
  margin-bottom: 6px;
  padding: 0 10px;
  border: none;
  border-radius: 0;
  background-color: #cc7d6a; }
  @media (max-width: 991px) {
    .error .btn {
      min-width: 170px;
      min-height: 50px;
      line-height: 50px; } }
  @media (max-width: 767px) {
    .error .btn {
      min-width: 160px;
      min-height: 45px;
      line-height: 45px; } }
  @media (max-width: 575px) {
    .error .btn {
      min-width: 150px; } }
  .error .btn:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -6px;
    height: 3px;
    width: 100%;
    background-color: #cc7d6a; }
  .error .btn:hover {
    background-color: #111111;
    color: #fff; }
    .error .btn:hover:after {
      background-color: #111111; }

.error .searchform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .error .searchform__input {
    border: 1px solid #eeeeee;
    height: 45px;
    width: 100%;
    padding-left: 15px; }
    @media only screen and (max-width: 479px) {
      .error .searchform__input {
        width: 85%; } }
  .error .searchform__submit {
    border: none;
    background-color: #cc7d6a;
    width: 70px;
    color: #fff;
    cursor: pointer; }

/*---- Start Footer Area ----*/
.footer-top {
  
  /*background-image: url(../img/bg/bg-piscine.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; */
  background-color: #fff;
}
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-top {
      padding-bottom: 67px !important; } }
  @media only screen and (max-width: 767px) {
    .footer-top {
      padding-bottom: 20px !important; } }

.footer-title h6 {
  color: #e3b324 !important;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .footer-widget {
    margin-bottom: 30px; } }

.footer-widget .footer-logo {
  margin-top: 3px; }

.footer-widget-content p {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px; }

.footer-widget-content ul.location li {
  color: #222;
  font-size: 14px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .footer-widget-content ul.location li i {
    font-size: 18px;
    color: #e3b324 !important;
    padding-right: 5px; }

.footer-widget-content ul li {
  margin-bottom: 10px; }
  .footer-widget-content ul li a {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    display: block;
    text-transform: none; }
    .footer-widget-content ul li a:hover {
      color: #757064;
      padding-left: 5px; }

.recommended-item-carousel .recommended-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .recommended-item-carousel .recommended-item .recm-item-thumb {
    width: 65px; }
  .recommended-item-carousel .recommended-item .recommended-item-des {
    padding-left: 10px; }
    .recommended-item-carousel .recommended-item .recommended-item-des span {
      display: block;
      font-size: 13px;
      font-weight: 600;
      padding: 10px 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .recommended-item-carousel .recommended-item .recommended-item-des span {
          padding: 2px 0; } }
      .recommended-item-carousel .recommended-item .recommended-item-des span a {
        color: #fff; }
        .recommended-item-carousel .recommended-item .recommended-item-des span a:hover {
          color: #e3b324; }
      .recommended-item-carousel .recommended-item .recommended-item-des span.recm-price {
        color: #fff;
        font-size: 15px; }

/*---- instagram area css start ----*/
.instagram-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .instagram-body .instagram-single-thumb {
    width: 33.33%;
    padding: 5px;
    position: relative; }
    .instagram-body .instagram-single-thumb a::before {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      position: absolute;
      background-color: #202020;
      opacity: 0;
      visibility: hidden;
      -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; }
    .instagram-body .instagram-single-thumb:hover a::before {
      opacity: 0.5;
      visibility: visible; }

/*---- instagram area css end ----*/
/*----- footer bottom css start -----*/
.footer-bottom {
  background-color: #cc7d6a;
  padding: 6px 0; }
  .footer-bottom .copyright-text p {
    color: #a8a8a8;
    font-size: 13px;
    line-height: 13px; 
    margin-top: 10px}
    .footer-bottom .copyright-text p a {
      color: #cc7d6a; }
  @media only screen and (max-width: 575px) {
    .footer-bottom .copyright-text {
      text-align: center; } }
  .footer-top .footer-social-link {
    margin-top: 5px; }
    .footer-top .footer-social-link ul li {
      display: inline-block;
      margin-left: 10px; }
      .footer-top .footer-social-link ul li a {
        color: #cc7d6a;
        font-size: 20px; }
        .footer-top .footer-social-link ul li a:hover {
          color: #948F83; }
      .footer-top .footer-social-link ul li:first-child {
        margin-left: 0; }
  @media only screen and (max-width: 575px) {
    .footer-bottom {
      text-align: center; } }

/*----- footer bottom css end -----*/
/*---- End Footer Area ----*/
/*---- home thee color variation start ----*/
.brand-color2 a:hover {
  color: #00aeef !important; }

.brand-color2 a.active {
  color: #00aeef !important; }

.header-top.color-black li {
  color: #202020; }
  .header-top.color-black li a {
    color: #202020; }

.header-top.brand-color2 .header-top-right ul.currency-list li a,
.header-top.brand-color2 .header-top-right .language-list li a,
.header-top.brand-color2 .header-top-right .account-list li a {
  color: #202020; }
  .header-top.brand-color2 .header-top-right ul.currency-list li a:hover, .header-top.brand-color2 .header-top-right ul.currency-list li a.active,
  .header-top.brand-color2 .header-top-right .language-list li a:hover,
  .header-top.brand-color2 .header-top-right .language-list li a.active,
  .header-top.brand-color2 .header-top-right .account-list li a:hover,
  .header-top.brand-color2 .header-top-right .account-list li a.active {
    color: #fff !important;
    background-color: #00aeef; }

.main-menu.brand-color2 ul li:hover > a {
  color: #00aeef; }

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

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

.header-cart-option.brand-color2 li ul.mini-cart-drop-down {
  border-top-color: #00aeef; }

.header-cart-option.brand-color2.hm-5 .account-list {
  border-top-color: #00aeef; }
  .header-cart-option.brand-color2.hm-5 .account-list a:hover {
    background-color: transparent; }

 .cart-button:hover {
  color: #fff !important;
  background-color: #00aeef !important; }


.brand-color2 .home-btn {
  color: #fff !important;
  background-color: #00aeef !important; }
  .brand-color2 .home-btn:hover {
    color: #fff !important;
    background-color: #202020 !important; }

.brand-color2 .product__item .product__thumb .action_link a:hover {
  color: #fff !important;
  background-color: #00aeef !important; }

.brand-color2 h2 span {
  color: #00aeef !important; }

footer .brand-color2 .footer-title h6 {
  color: #00aeef !important; }

footer .brand-color2 ul.location li i {
  color: #00aeef !important; }

footer .brand-color2 .footer-social-link a:hover {
  color: #00aeef !important; }

footer .brand-color2 .copyright-text a {
  color: #00aeef !important; }

.brand-color2 .slick-arrow:hover {
  color: #fff;
  background-color: #00aeef !important; }

.newsletter-area.brand-color2 {
  background-color: #00aeef !important;
  background-image: none; }
  .newsletter-area.brand-color2 .newsletter-field {
    background: #038abd; }
  .newsletter-area.brand-color2 .submit-btn {
    color: #00aeef;
    background-color: #fff; }
    .newsletter-area.brand-color2 .submit-btn:hover {
      color: #fff;
      background-color: #202020; }

/*---- home thee color variation end ----*/
/*---- home four color variation start ----*/
.brand-color3 a:hover {
  color: #cc7d6a !important; }

.brand-color3 a.active {
  color: #cc7d6a !important; }

.header-top.color-black li {
  color: #202020; }
  .header-top.color-black li a {
    color: #202020; }

.header-top.brand-color3 .header-top-right ul.currency-list li a,
.header-top.brand-color3 .header-top-right .language-list li a,
.header-top.brand-color3 .header-top-right .account-list li a {
  color: #202020; }
  .header-top.brand-color3 .header-top-right ul.currency-list li a:hover, .header-top.brand-color3 .header-top-right ul.currency-list li a.active,
  .header-top.brand-color3 .header-top-right .language-list li a:hover,
  .header-top.brand-color3 .header-top-right .language-list li a.active,
  .header-top.brand-color3 .header-top-right .account-list li a:hover,
  .header-top.brand-color3 .header-top-right .account-list li a.active {
    color: #fff !important;
    background-color: #cc7d6a; }

.main-menu.brand-color3 ul li:hover > a {
  color: #cc7d6a; }

.header-cart-option.brand-color3 li:hover {
  color: #cc7d6a; }

.header-cart-option.brand-color3 li button:hover {
  color: #cc7d6a; }

.header-cart-option.brand-color3 li ul.mini-cart-drop-down {
  border-top-color: #cc7d6a; }

.cart-button:hover {
  color: #fff !important;
  background-color: #666 !important; }

.brand-color3 .home-btn {
  color: #fff !important;
  background-color: #cc7d6a !important; }
  .brand-color3 .home-btn:hover {
    color: #fff !important;
    background-color: #202020 !important; }

.brand-color3 .product__item .product__thumb .action_link a:hover {
  color: #fff !important;
  background-color: #cc7d6a !important; }

.brand-color3 h2 span {
  color: #cc7d6a !important; }

footer .brand-color3 .footer-title h6 {
  color: #cc7d6a !important; }

footer .brand-color3 ul.location li i {
  color: #cc7d6a !important; }

footer .brand-color3 .footer-social-link a:hover {
  color: #cc7d6a !important; }

footer .brand-color3 .copyright-text a {
  color: #cc7d6a !important; }

.brand-color3 .slick-arrow:hover {
  color: #fff;
  background-color: #cc7d6a !important; }

.newsletter-area.brand-color3 {
  background-color: #cc7d6a !important;
  background-image: none; }
  .newsletter-area.brand-color3 .newsletter-field {
    background: #038abd; }
  .newsletter-area.brand-color3 .submit-btn {
    color: #cc7d6a;
    background-color: #fff; }
    .newsletter-area.brand-color3 .submit-btn:hover {
      color: #fff;
      background-color: #202020; }

/*---- home four color variation end ----*/

/*----- product details slider start ----*/
.pro-large-img {
  position: relative; }
  .pro-large-img img {
    width: 100%;
    position: relative;
    border: 1px solid #e1e1e1; }
  .pro-large-img .img-view .img-popup {
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    background-color: #cc7d6a;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -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; }
    .pro-large-img .img-view .img-popup i {
      color: #202020;
      line-height: 50px;
      font-size: 22px; }
  .pro-large-img:hover .img-popup {
    opacity: 1;
    visibility: visible; }

.pro-nav-thumb {
  cursor: pointer;
  padding: 5px; }
  .pro-nav-thumb img {
    border: 1px solid #e1e1e1; }

.pro-nav {
  margin: -5px; }
  .pro-nav .slick-slide.slick-current img {
    border: 1px solid #cc7d6a; }

/*----- product details slider end ----*/
/*----- product details content start ----*/
@media only screen and (max-width: 767px) {
  .product__details__content {
    margin-bottom: 25px !important; } }

.product__details__content h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-transform: none; }
  .product__details__content h2 a {
    color: #202020; }
    .product__details__content h2 a:hover {
      color: #cc7d6a; }

.product__details__content h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 0px 0px 10px 0px;
  text-transform: none; }
  @media only screen and (max-width: 767px) {
    .product__details__content h6 {
      padding: 0; } }
  .product__details__content h6 a {
    color: #202020; }
    .product__details__content h6 a:hover {
      color: #cc7d6a; }

.product__details__content .ratings a {
  color: #252525;
  padding-left: 10px;
  text-transform: none; }
  .product__details__content .ratings a:hover {
    color: #cc7d6a; }

.product__details__content .price-box .regular-price,.regular-price {
  color: #202020;
  font-size: 22px;
  font-weight: 600; }

.product__details__content .price-box .old-price {
  font-size: 14px; }

.product__details__content .action_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 479px) {
    .product__details__content .action_link {
      display: block !important;
      text-align: center; } }

@media only screen and (max-width: 767px) {
  .product__details__content p {
    margin-top: 15px !important;
    margin-bottom: 15px !important; } }

.product__details__content .quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .product__details__content .quantity h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-right: 20px;
    margin-bottom: 0; }
    @media only screen and (max-width: 479px) {
      .product__details__content .quantity h5 {
        margin-right: 10px; } }
  .product__details__content .quantity .pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 0 15px;
    float: left; }
    .product__details__content .quantity .pro-qty .qtybtn {
      width: 15px;
      display: block;
      float: left;
      line-height: 31px;
      cursor: pointer;
      text-align: center;
      font-size: 15px;
      font-weight: 700;
      color: #252525; }
    .product__details__content .quantity .pro-qty input {
      width: 28px;
      float: left;
      border: none;
      height: 33px;
      line-height: 33px;
      padding: 0;
      text-align: center;
      background-color: transparent; }

.product__details__content .useful-links a {
  color: #252525;
  margin-right: 10px; }
  .product__details__content .useful-links a:hover {
    color: #cc7d6a; }
  .product__details__content .useful-links a i {
    color: #cc7d6a;
    font-size: 16px;
    padding-right: 10px;
    vertical-align: middle; }
  @media only screen and (max-width: 479px) {
    .product__details__content .useful-links a {
      margin-right: 5px; } }

.product__details__content .tag-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .product__details__content .tag-line h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;
    margin-right: 20px; }
    @media only screen and (max-width: 479px) {
      .product__details__content .tag-line h5 {
        margin-right: 10px; } }
  .product__details__content .tag-line a {
    color: #252525;
    font-size: 14px;
    margin-right: 10px; }
    .product__details__content .tag-line a:hover {
      color: #cc7d6a; }

.product__details__content .share-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .product__details__content .share-icon h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;
    margin-right: 20px; }
    @media only screen and (max-width: 479px) {
      .product__details__content .share-icon h5 {
        margin-right: 10px; } }
  .product__details__content .share-icon a {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 25px;
    margin-right: 10px;
    padding: 0 10px;
    border-radius: 5px; }
    .product__details__content .share-icon a i {
      padding-right: 5px; }
    @media only screen and (max-width: 479px) {
      .product__details__content .share-icon a {
        margin-right: 5px;
        padding: 0 5px; } }

.product__details__content .color-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 479px) {
    .product__details__content .color-option {
      margin-right: 10px; } }
  .product__details__content .color-option h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 5px;
    margin-right: 20px;
    text-transform: none; }
  .product__details__content .color-option li {
    display: inline-block;
    margin-right: 5px;
    padding: 2px;
    border: 1px solid #ccc; }
    .product__details__content .color-option li a {
      height: 30px;
      width: 30px;
      display: block; }

.product__details__content .pro-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .product__details__content .pro-size h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;
    margin-right: 20px;
    text-transform: none; }
    @media only screen and (max-width: 479px) {
      .product__details__content .pro-size h5 {
        margin-right: 10px; } }
  .product__details__content .pro-size .nice-select {
    width: 100px;
    height: 40px; }

.product__details__content .group-product-table {
  display: block; }
  .product__details__content .group-product-table.table-bordered {
    border: none; }
  .product__details__content .group-product-table td {
    width: 33.33%;
    vertical-align: middle; }
    .product__details__content .group-product-table td a {
      color: #252525;
      text-transform: none; }
    .product__details__content .group-product-table td .pro-qty {
      width: 90px;
      height: 35px;
      border: 1px solid #ddd;
      padding: 0 15px;
      float: left; }
      .product__details__content .group-product-table td .pro-qty .qtybtn {
        width: 15px;
        display: block;
        float: left;
        line-height: 31px;
        cursor: pointer;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        color: #252525; }
      .product__details__content .group-product-table td .pro-qty input {
        width: 28px;
        float: left;
        border: none;
        height: 33px;
        line-height: 33px;
        padding: 0;
        text-align: center;
        background-color: transparent; }

/*----- product details content end ----*/
/*----- reviews area start -----*/
.product-review-info ul.nav-pills {
  background-color: #f3f3f3;
  padding: 15px 0; }
  .product-review-info ul.nav-pills li a {
    color: #252525;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase; }

    .product-review-info ul.nav-pills li a:hover {
    text-decoration: underline;
    }
    .product-review-info ul.nav-pills li a.active {
      color: #202020;
      background-color: transparent; 
      text-decoration: underline;}

.product-review-info .table-striped tr td {
  width: 50%; }

.product-review-info .rev-btn {
  color: #fff;
  font-size: 14px;
  border: none;
  cursor: pointer;
  line-height: 46px;
  padding: 0 30px;
  font-weight: 500;
  display: block;
  border-radius: 30px;
  text-transform: uppercase;
  background-color: #202020;
  -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; }
  .product-review-info .rev-btn:hover {
    color: #202020;
    background-color: #cc7d6a; }

/*----- reviews area end -----*/
.vertical-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .vertical-slider .vertical-first {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%; }
  .vertical-slider .vertical-second {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%; }

.slider-box-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }
  .slider-box-center p {
    max-width: 70%; }
    @media only screen and (max-width: 767px) {
      .slider-box-center p {
        max-width: 95%; } }


.mobile-show {display:none;}

@media only screen and (max-width: 991px) {

  .mobile-show {display:block;}
}

.aviser-button {
    text-align: center;
    font-size: 13px;
    font-weight: 100;
    padding: 7px 8px;
    display: inline-block;
    width: 100%;
    color: #000;
    text-transform: none;
    background-color: #cc7d6a;

}

@media only screen and (max-width: 1024px) {

.aviser-button {
    text-align: center;
    font-size: 12px;
    font-weight: 100;
    padding: 7px 5px;
    width: 100%;
    color: #000;
    text-transform: none;
    background-color: #cc7d6a;
}
}

.aviser-button:hover {
  background-color: #666;
  color:#fff; }

.tag-sale {
  margin: 0;
  top: 0;
  display: block;
  left: 0;
  right: auto;
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  color: #fff;
  background-color: #cc7d6a;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  padding: 4px 10px 4px 16px;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  z-index: 9;
}

.tag-sale .tag-sale::before {
  border-color: transparent transparent transparent #dcdcdc;
  border-style: solid;
  border-width: 12px 13px 13px 8px;
  content: "";
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 1px;
  width: 0;
}

.tag-rupture {
  margin: 0;
  top: 0;
  display: block;
  left: 0;
  right: auto;
  -webkit-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  color: #fff;
  background-color: #666;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  padding: 4px 10px 4px 16px;
  position: absolute;
  text-align: left;
  text-transform: uppercase;
  z-index: 9;
}

.tag-rupture .tag-rupture::before {
  border-color: transparent transparent transparent #dcdcdc;
  border-style: solid;
  border-width: 12px 13px 13px 8px;
  content: "";
  height: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 1px;
  width: 0;
}


.brand-logo-mobile
{
  width:200px;
  margin:7px auto 0;
}

label.error
{
  font-size:11px;
}

.cart-info
{
  width:100%;
}

.dealer {color:#cc7d6a!important;}


.logo {
  /*padding:  10px 0px;*/
  width: 100%;
  max-width: 330px;
}

.texte ul,.texte ol
{
  padding-left:0px;
  margin-left:30px;
  margin-top:15px;
  margin-bottom:15px;
  list-style: disc;
}


.texte ul li
{
  margin-bottom:3px;
  list-style: disc;
}

.texte ol li
{
  margin-bottom:3px;
  list-style:  decimal;
}

/* -------- Footer & Sidebar Widgets ---------- */
.widget {
  margin-bottom: 40px;
}
.widget.cats_col_right {
  margin-bottom: 0;
}
.widget.cats_col_right:last-child {
  margin-bottom: 40px;
}
.widget.cats_col_right a:not(.cats_a_open_close) {
  display: inline-block;
  padding-right: 25px;
  width: 100%;
}
.cats_a_plus,
.cats_a_minus {
  float: right;
  /*background-color: #fff;*/
 /* border: 1px solid #b09010;*/
  border-radius: 10px;
  color: #b09010;
  display: block;
  text-align: center;
  line-height: 18px;
  margin-top: -20px;
  position: relative;
  height: 20px;
  width: 20px;
  z-index: 50;
}
.cats_a_plus:before {
  content: "\f107";
  font-family: "FontAwesome";
}
.cats_a_minus:before {
  content: "\f106";
  font-family: "FontAwesome";
}

.ser_a_plus,
.ser_a_minus {
  float: right;
  /*background-color: #fff;*/
 /* border: 1px solid #b09010;*/
  border-radius: 10px;
  color: #222;
  display: block;
  text-align: left;
  line-height: 18px;
  margin-top: -20px;
  position: relative;
  height: 18px;
  width: 100%;
  z-index: 50;
  text-transform: none;
}

.ser_a_plus:after {
  content: "\f107";
  font-family: "FontAwesome";
  float: right;
}
.ser_a_minus:after {
  content: "\f106";
  font-family: "FontAwesome";
  float: right;
}


.text_a_plus,
.text_a_minus {
  float: right;
  background-color: #f2e8d5;
  border: 1px solid #f2e8d5;
  border-radius: 10px;
  color: #222;
  display: block;
  text-align: left;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: -20px;
  position: relative;
  width: 100%;
  z-index: 50;
  padding: 20px 10px;
  margin: 8px 0px;
}

.text_a_plus:after {
  content: "\f107";
  font-family: "FontAwesome";
  float: right;
}
.text_a_minus:after {
  content: "\f106";
  font-family: "FontAwesome";
  float: right;
}

/*a[aria-expanded=true] {
  content: "\f108";
  font-family: "FontAwesome";
}*/


.widget .widget-title {
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.widget .widget-title a{
  color: #222!important;
  font-weight: 300;
  font-size: 16px;
}


.widget ul li {
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.widget ul.list li,
.widget .post {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.body-overlay {
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 10000;
 background: rgba(0,0,0,0.7);
}

::placeholder {
  color: #222;
}

.field__search ::placeholder {
  color: #222;
}

.nice-select.open .list {
  z-index: 100;
}

h5.active a{
  font-weight: bold!important;
}

.widget.cats_col_right a.active
{
  font-weight: 400;
  color: #000;
}

.quiz_layers {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  text-transform: none;
}
.quiz_layers button {
  color: #fff;
  background-color: #cc7d6a;
  font-weight: 600;
  margin-top: 30px;
}

.quiz_layers button:hover {
  color: #222;
}

.quiz_layers > form > div:not(:first-child) {
  display: none;
}
.quiz_layers .small {
  font-size: 0.9em;
}
.quiz_layers input[type=text] {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #cc7d6a;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  width: 220px;
}
.quiz_layers input[type="text"]:focus {
  color: #cc7d6a;
}
.quiz_layers label {
  color: #222;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  text-align: left;
  text-transform: none;
  padding: 15px;
  margin: 10px;
}
.quiz_layers label img {
  padding-bottom: 15px;
}
.quiz_layers label span {
  display: inline-block;
  /*max-width: 167px;*/
  margin-left: 10px;
  margin-top: 5px;
}
.quiz_layers label.case_fond_blanc {
  background-color: #fff;
  min-height: 324px;
  width: 270px;
}

.quiz_layers label.case_fond_blanc_resultat {
  background-color: #fff;
  min-height: 324px;
  width: 270px;
}

.quiz_layers label input[type="radio"] {
  margin-top: 0;
}

.quiz_layers label.case_fond_blanc input[type="radio"],
.quiz_layers label.case_fond_beige input[type="radio"] {
  float: left;
}
.quiz_layers label.case_fond_beige {
  background-color: #f2e8d5;
  min-height: 324px;
  width: 270px;
}
.quiz_layers label.case_horizontale {
  background-color: #f2e8d5;
  display: block;
  font-weight: 600;
  max-width: 450px;
  margin: 0 auto 10px;
  padding: 10px 5px 10px 45px;
}
.quiz_layers label.case_horizontale input[type="radio"] {
  /*margin-left: 15px;*/
}

@media only screen and (min-width: 442px) and (max-width: 600px) {
  .quiz_layers label.case_horizontale {
    max-width: 350px;
 
  }
}
@media only screen and (max-width: 441px) {
  .quiz_layers label.case_horizontale {
    max-width: 290px;
 
  }
}


.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #252525!important;
  background-color: #f5f0eb!important;
}

 .btn:hover {
  text-decoration: none;
  background-color: #f2e8d5;
  color: #000;
}

.btn:focus {background-color: #cc7d6a;}

 .btn.infolettre:hover,.btn.infolettre:focus {
  text-decoration: none;
  background-color: #222;
  color: #fff;
}

/* The container */
.container_input {
  display: block;
  position: relative;
  cursor: pointer;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container_input input[type="radio"],.container_input input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}



/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
}

.radiomark.checkbox{
  border-radius: 0%!important;
}
.case_fond_blanc .radiomark {
  position: absolute;
  bottom: 12px!important;
  top: unset!important;
  left: 5px;
  height: 25px;
  width: 25px;
  background-color: #CC9F76!important;
  border-radius: 50%;
}

.case_fond_beige .radiomark {
  position: absolute;
  bottom: 12px!important;
  top: unset!important;
  left: 5px;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.container_input input[type="radio"]:checked ~ .radiomark ,.case_fond_blanc input[type="radio"]:checked ~ .radiomark,.case_fond_beige input[type="radio"]:checked ~ .radiomark {
  background-color: #000;
}

.container_input input[type="checkbox"]:checked ~ .radiomark ,.case_fond_blanc input[type="checkbox"]:checked ~ .radiomark,.case_fond_beige input[type="checkbox"]:checked ~ .radiomark {
  background-color: #000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_input input[type="radio"]:checked ~ .radiomark:after,.case_fond_blanc input[type="radio"]:checked ~ .radiomark:after,.case_fond_beige input[type="radio"]:checked ~ .radiomark:after {
  display: block;
}

.container_input input[type="checkbox"]:checked ~ .radiomark:after,.case_fond_blanc input[type="checkbox"]:checked ~ .radiomark:after,.case_fond_beige input[type="checkbox"]:checked ~ .radiomark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container_input .radiomark:after {
  top: 9px;
  left: 8px;
  width: 9px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.container_input .radiomark.checkbox:after{
  top: 6px;
  left: 8px;
  border-radius: 0%!important;
  content: 'X';
  background: none;
  color: #fff;
}

span.radiooption
{
  margin-left: 31px!important;
  margin-top: 20px !important;
}

span.checkoption
{
  padding-left: 31px!important;
  padding-top: 5px!important;
  height: 30px;
  width: 220px;
  display: table-cell!important;
  vertical-align: middle;
}






.flex-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.calendar {
 margin:7px 0 0;
 width:100%
}
.calendar-row {
 width:100%
}
.calendar .calendar-row .calendar-column {
 width:14%;
 word-break:break-all
}


.section_service
{
  text-align: center;
}

.signature {
  font-family: 'Whisper', cursive;
  font-size: 30px;

}
.section_service h3 {
  font-family: 'Whisper', cursive;
  font-size: 40px;
  line-height: 42px;
  font-weight: 200;
  display: inline-block;
  padding: 0 20px;
  text-transform: none;
  position: relative;
  margin-bottom: 37px;
}

.section_service h3::before {
  top: 50%;
  left: -77px;
  width: 77px;
  height: 8px;
  content: "";
  position: absolute;
  background: url(../img/icons/devider-left.png);
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
  @media only screen and (max-width: 479px) {
    .section__title h3::before {
      display: none; } }
.section_service h3::after {
  top: 50%;
  right: -77px;
  width: 77px;
  height: 8px;
  content: "";
  position: absolute;
  background: url(../img/icons/devider-right.png);
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
  @media only screen and (max-width: 479px) {
    .section__title h3::after {
      display: none; } }


  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_service h3 {font-size: 40px}

  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
     .section_service h3 {font-size: 30px}
    
  }

  @media only screen and (max-width: 767px) {
     .section_service h3 {font-size: 30px}

     p.announcement {font-size: 12px;}
    
  }

@media (min-width: 576px){
  .modal-sm {
    max-width: 310px!important;
  }
}


#modal_promos .modal-body {
 
  padding: 1px!important;
}

#modal_promos h5,.about h5
{
  color:#b09010;
}

#modal_promos strong,.about strong
{
  color:#000000;
}

#modal_promos .modal_contenu > .row > div .bg,
#modal_promos .modal_contenu > .row > div .bg h2 {
  color: #fff;
}
#modal_promos .modal_contenu > .row > div .bg h2 {
  margin: 8px 0 0;
  text-transform: unset;
  line-height: 40px;
  font-weight: 400;
  font-size: 30px;
}
#modal_promos .modal_contenu > .row > div .bg .btn-popup {
  margin: 20px 0 15px;
}
#modal_promos .modal_contenu > .row > div .bg small {
  display: inline-block;
  line-height: 21px;
}
#modal_promos .modal_contenu .bg {
  /*background: url(../images/bg_promo_1.jpg);
  background-size: cover;
  padding: 45px 15px 20px;*/
  min-height: 362px;
}
#modal_promos .modal_contenu .close {
  position: absolute;
  right: 18px;
  background-color:none;
  color: #fff;
  text-shadow: none!important;
  z-index: 9999;
  opacity: 1;
  /*border-radius: 14px;*/
  padding: 5px;
  line-height: 25px;
  top: 18px;
  font-size: 25px;
}
@media only screen and (max-width: 767px) {
  #modal_promos .modal_contenu > .row > div .bg {
    margin-bottom: 15px;
  }
  #modal_promos .modal_contenu > .row:nth-child(2) > div:last-child .bg {
    margin-bottom: 0;
  }

    #modal_promos .modal_contenu > .row > div .bg h2 {
    margin: 8px 0 0;
    text-transform: unset;
    font-size: 20px!important;
    line-height: 22px!important;
    font-weight: 400;
  }

  #modal_promos .modal_contenu > .row > div .bg {
  margin-bottom: 0px;
}

}
@media only screen and (min-width: 768px) {
  #modal_promos .modal_contenu > .row:first-child > div .bg {
    margin-bottom: 2px;
    min-height: 362px;
  }
  #modal_promos .modal_contenu > .row > div:nth-child(2n+1) {
    padding-right: 1px;
  }
  #modal_promos .modal_contenu > .row > div:nth-child(2n) {
    padding-left: 1px;
  }

  #modal_promos .modal_contenu > .row_2:first-child > div .bg {
    margin-bottom: 0px;
    min-height: 362px;
  }

  #modal_promos .modal_contenu > .row_2 > div:nth-child(2n+1) {
    padding-right: 15px!important;
  }
  #modal_promos .modal_contenu > .row_2 > div:nth-child(2n) {
    padding-left: 15px!important;
  }

}



.bouton {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}

.bouton:hover {
  color: rgb(218, 165, 32);
}

.modal-content, .cke_editable
{
  color:#333;
}
.modal-content h5, .cke_editable h5
{
  color: #222;
  font-size: 18px;
  font-weight:bold;
}

.modal-content h6, .cke_editable h6
{
  color: #222;
  font-size: 14px;
  font-weight:bold;
}

.teaser .container
{
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
}
.teaser h4 
{
  font-weight: bold;
  font-size: 1.4em;
}

.teaser p 
{
  font-size: 14px;
}

.custom-control {
  padding-bottom: 15px;
}


 .review-control-vote.control {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 5px 0 0 15px;
  width: 300px;
}

.review-control-vote.control::before {
  display: flex;
  transition: .1s all ease-in;
  transition: all .1s ease-in;
  position: initial;
  margin: 0;
  color: #b1aeae;
  letter-spacing: 5px;
  font-weight: 600;
  font-size: 22px;
  line-height: normal;
}


.review-control-vote input[type="radio"] {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.review-control-vote label {
  cursor: pointer;
  display: block;
  /*position: absolute;*/
}

.review-control-vote{overflow:hidden}
.review-control-vote:before{color:#c3c5c9;font-family:'fontawesome';font-size:22px;height:28px;letter-spacing:5px;line-height:22px;font-style:normal;font-weight:400;speak:none;vertical-align:top;-webkit-font-smoothing:antialiased;content:'\f005' '\f005' '\f005' '\f005' '\f005';display:block;position:absolute;z-index:1}
.review-control-vote input[type=radio]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.review-control-vote input[type=radio]:hover+label:before,.review-control-vote input[type=radio]:checked+label:before{opacity:1}
.review-control-vote label{cursor:pointer;display:block;position:absolute}
.review-control-vote label span{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.review-control-vote label:before{color:#ffc600;font-family:'fontawesome';font-size:22px;height:28px;letter-spacing:5.5px;line-height:22px;font-style:normal;font-weight:400;speak:none;vertical-align:top;-webkit-font-smoothing:antialiased;opacity:0}
.review-control-vote label:hover:before{opacity:1}.review-control-vote label:hover~label:before{opacity:0}
.review-control-vote .rating-5{z-index:2}.review-control-vote .rating-5:before{content:'\f005' '\f005' '\f005' '\f005' '\f005';}
.review-control-vote .rating-4{z-index:3}.review-control-vote .rating-4:before{content:'\f005' '\f005' '\f005' '\f005';}
.review-control-vote .rating-3{z-index:4}.review-control-vote .rating-3:before{content:'\f005' '\f005' '\f005';}
.review-control-vote .rating-2{z-index:5}.review-control-vote .rating-2:before{content:'\f005' '\f005';}
.review-control-vote .rating-1{z-index:6}.review-control-vote .rating-1:before{content:'\f005';}
.review-control-vote:before{content:'\f006' '\f006' '\f006' '\f006' '\f006';}
#rating-error{width: 300px;
padding-top: 15px;}

ol {
  margin-top: 0;
  margin-bottom: 1rem;
  margin-left: 0px;
  padding-left: 16px;
}

.text-overlay {
  position: absolute;
  background-color: #fff;
        opacity: 0.8; 
        text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  font-size: 2rem;
  font-weight: 600;
  color: #000;
  backdrop-filter: blur(14px) brightness(80%);
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #fbfbfb;
}

.divcollection:hover .overlay {
  opacity: 1;
}

.text_2 {
  color: #000;
  position: absolute;
  padding: 0px 5px;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  text-align: center;
}

.text_2 h3 {
  font-size: 2rem;
  font-weight: 600;
}

.text_2 p {
    font-size: 14px;
  }
  
@media only screen and (max-width: 991px) {
  .text_2 p {
    font-size: 14px;
  }

  .divcollection:hover .overlay {
    opacity: 0;
  }

  .text-overlay {
  
  background-color: #fff;
        opacity: 0.7; 
        text-align: center;
  }

}


.minicart-items {
  margin: 0;
  padding: 0 0 20px 0;
  list-style: none none;
}

.minicart-items li{
  border-bottom: 0.5px solid #ccc;
  padding-bottom: 5px;
}

.product-item {
  margin: 0;
  padding-left: 0;
  clear: both;
}


.product-item .product {
  padding-bottom: 15px;
}

.items-in-cart .product {
  position: relative;
}

.product > .product-image-container {
  float: left;
  min-width: 0;
}

.product-item-details {
  /*padding-left: 100px;*/
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  padding-right: 20px;
}

.product-item-details .product-item-name-block {
  display: flex;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 18px 20px 10px 0;
}
.product-item .product-item-name-block {
  display: table-cell;
  padding-right: 4.5px;
  text-align: left;
}

.product-item-details .product-item-inner {
  display: flex;
  align-items: center;
}

.items-in-cart .product {
  position: relative;
}

.product-item .product {
  padding-bottom: 15px;
}

.product-item .product-image-container .product-image-wrapper img {
  height: 120px;
  width: 120px;
  padding: 0px 15px 15px 15px;
  margin: 0 auto;
  display: block;

}


.minicart-items .product-item > .product::before
{
  content: '';
display: table;
}

.pro-qty .qtybtn {
      width: 15px;
      display: block;
      float: left;
      line-height: 31px;
      cursor: pointer;
      text-align: center;
      font-size: 15px;
      font-weight: 700;
      color: #252525; 
}
.pro-qty input {
    width: 28px;
    float: left;
    border: none;
    height: 33px;
    line-height: 33px;
    padding: 0;
    text-align: center;
    background-color: transparent; 
}

.subtotal {
  width: auto;
}


.product-item .subtotal {
  display: table-cell;
  text-align: right;
}

.product-item-details .price-excluding-tax {
  margin: 4.5px 0;
}

.price-excluding-tax, .price-including-tax {
  white-space: nowrap;
  display: block;
}

.price-excluding-tax {
  display: block;
  font-size: 1.8rem;
  line-height: 1;
}
.pro-qty {
    width: 90px;
    height: 35px;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 0 15px;
    float: left; }

a.remove{
  cursor: pointer;
}

@media (min-width: 576px){
.modal-dialog {
  max-width: 800px;
}
}