/*------------------------------------------------------------------
Table of content
-------------------
1. Start Header Area
2. slider area start
3. full page slider for home version five start
4. features area css start
5. hot deals area css start
6. product
7. categories area
8. testimonial
9. blog
10. brand logo area
11. shop grid view
12. shop list view
13. product details
14. checkout
15. cart
16. wishlist
17. my account
18. compare
19. login register
20.about us
21. contact us
22. banner
23. parallax banner
24. modal
25. sidebar
26. footer
-------------------------------------------------------------------*/
/*===============================
Typography Style Start
================================*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900");
body {
  font-size: 14px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #D7BCFD;
}

a {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
a:hover, a:focus {
  color: #face49;
  outline: none;
  text-decoration: none;
}

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

.form-control:focus {
  border-color: #fedc19;
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

img {
  max-width: 100%;
}

p {
  color: #D7BCFD;
  font-size: 14px;
  margin-bottom: 0;
}

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

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

.fix {
  overflow: hidden;
}

.features-item-area .container-fluid {
  padding-left: 150px;
  padding-right: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-item-area .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .features-item-area .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features-item-area .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.white {
  color: #fff;
}

.good {
  color: #face49;
}

.gray {
  background: #f8f8f8;
}

.black-soft {
  background: #202020;
}

.bg-white {
  background: #ffffff;
}

.container {
  max-width: 1200px;
}

.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 {
  color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
  border-radius: 30px;
  background-color: #202020;
}
a.add_btn i {
  font-size: 18px;
  line-height: 40px;
  padding-right: 5px;
}
a.add_btn:hover {
  color: #202020;
  background-color: #face49;
}

.check-btn {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
  background: #202020;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.check-btn:hover {
  color: #202020;
  background-color: #face49;
}
.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;
  }
}

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

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

.main-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main-menu ul li {
  position: relative;
}
.main-menu ul li a {
  font-size: 14px;
  color: #202020;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  padding: 30px 26px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li a {
    padding: 30px 15px;
  }
}
.main-menu ul li ul.dropdown {
  top: 100%;
  left: 0;
  width: 230px;
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.main-menu ul li ul.dropdown li {
  position: relative;
  width: 100%;
}
.main-menu ul li ul.dropdown li a {
  font-size: 13px;
  padding: 5px 20px;
  font-weight: 400;
  display: block;
  text-transform: capitalize;
}
.main-menu ul li ul.dropdown li a i {
  float: right;
  padding-top: 5px;
}
.main-menu ul li ul.dropdown li ul.dropdown {
  position: absolute;
  left: 100%;
  top: 100%;
  opacity: 0;
  visibility: hidden;
}
.main-menu ul li ul.dropdown li:hover ul.dropdown {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.main-menu ul li:hover > a {
  color: #face49;
}
.main-menu ul li:hover ul.dropdown {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}
.main-menu ul li ul.megamenu {
  top: 100%;
  left: -150%;
  width: 800px;
  position: absolute;
  z-index: 999;
  padding: 15px 25px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.main-menu ul li ul.megamenu li {
  width: 25%;
  float: left;
}
.main-menu ul li ul.megamenu li.mega-title > a {
  padding: 4px 0;
  font-weight: 600;
}
.main-menu ul li ul.megamenu li ul li {
  width: 100%;
}
.main-menu ul li ul.megamenu li ul li a {
  text-transform: capitalize;
  font-weight: 400;
  padding: 4px 0;
  font-size: 13px;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li ul.megamenu {
    left: -275px;
  }
}
.main-menu ul li:hover ul.megamenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-menu-area {
    padding: 10px 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.header-menu-area.sticker.sticky {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
          animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-menu-area {
    background-color: #fff;
  }
}

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

.block-bg {
  background: rgba(22, 22, 27, 0.98);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  text-align: center;
  top: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  visibility: hidden;
  width: 100%;
  z-index: 9999999;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.block-bg .minisearch .field__search {
  left: 0;
  margin: 0 auto auto;
  max-width: 1000px;
  position: fixed;
  right: 0;
  top: 50%;
}
.block-bg .minisearch .field__search input {
  color: #fff;
  background: transparent;
  border-color: #fff;
  border-width: 0 0 1px;
  outline: medium none;
  height: 60px;
  width: 100%;
  z-index: 1;
  position: relative;
  background: transparent;
  padding: 0 40px 0 0;
}
.block-bg .minisearch .field__search .action {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 2;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.block-bg .minisearch .field__search .action i {
  color: #fff;
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .block-bg .minisearch .field__search {
    max-width: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-bg .minisearch .field__search {
    max-width: 650px;
  }
}
@media only screen and (max-width: 767px) {
  .block-bg .minisearch .field__search {
    max-width: 500px;
  }
}
@media only screen and (max-width: 575px) {
  .block-bg .minisearch .field__search {
    max-width: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .block-bg .minisearch .field__search {
    max-width: 280px;
  }
}
.block-bg .close__wrap {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  top: 50px;
  right: 60px;
  padding-top: 5px;
  position: absolute;
  padding-right: 25px;
}
.block-bg .close__wrap:before {
  top: 0;
  right: 0;
  font-size: 20px;
  vertical-align: middle;
  content: "\f00d";
  position: absolute;
  font-family: "FontAwesome";
}

.block-bg.is-visible {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  visibility: visible;
}

/*------ End Header Area ------*/
.mean-container .mean-bar {
  min-height: auto;
  padding: 0;
  margin-top: 0;
}
.mean-container .mean-bar a {
  -webkit-transition: all 0s ease-out;
  transition: all 0s ease-out;
  top: -42px;
}
.mean-container .mean-bar a span {
  background: #202020;
}
.mean-container .mean-bar a.meanmenu-reveal {
  color: #202020;
}
.mean-container .mean-bar .mean-nav {
  margin-top: 0;
  background-color: #f8f8f8;
}
.mean-container .mean-bar .mean-nav ul {
  max-height: 250px;
  overflow-x: hidden;
}
.mean-container .mean-bar .mean-nav ul li {
  border-bottom: 1px solid #ccc;
}
.mean-container .mean-bar .mean-nav ul li a {
  color: #202020;
  opacity: 1;
}
.mean-container .mean-bar .mean-nav ul li a.mean-expand {
  padding: 8px 12px !important;
}
.mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .mean-container .mean-bar .mean-nav ul li a i {
    display: none;
  }
}

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

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

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

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

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

.hero__4 .single-slider {
  height: 800px;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
}
.hero__4 .single-slider .slider-style-4 {
  margin-top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .hero__4 .single-slider {
    height: 600px;
  }
  .hero__4 .single-slider .slider-style-4 {
    margin-top: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .hero__4 .single-slider {
    height: 350px;
  }
  .hero__4 .single-slider .slider-style-4 {
    margin-top: 0;
  }
  .hero__4 .single-slider:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: #202020;
    opacity: 0.5;
  }
}

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

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

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

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

@-webkit-keyframes hoFill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes hoFill {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/*----- full page slider for home version five start -----*/
.single-full-slider {
  height: 100vh;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.single-full-slider:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: #202020;
  opacity: 0.5;
  display: none;
}
.single-full-slider:nth-child(2n)::before {
  background-color: #fff !important;
  opacity: 0.6;
}
@media only screen and (max-width: 767px) {
  .single-full-slider {
    height: 400px !important;
  }
  .single-full-slider::before {
    display: block;
  }
}
.single-full-slider .first-slide-content {
  max-width: 750px;
  margin: 0 auto;
  margin-top: 84px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-full-slider .first-slide-content {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .single-full-slider .first-slide-content {
    margin-top: 0;
  }
}
.single-full-slider .first-slide-content h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-full-slider .first-slide-content h3 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-full-slider .first-slide-content h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .single-full-slider .first-slide-content h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .single-full-slider .first-slide-content h3 {
    font-size: 16px;
  }
}
.single-full-slider .first-slide-content h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 600;
  line-height: 70px;
  padding: 10px 0;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-full-slider .first-slide-content h1 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .single-full-slider .first-slide-content h1 {
    font-size: 45px;
    line-height: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .single-full-slider .first-slide-content h1 {
    font-size: 30px;
    line-height: 30px;
    padding: 0;
  }
}
@media only screen and (max-width: 479px) {
  .single-full-slider .first-slide-content h1 {
    font-size: 25px;
    line-height: 25px;
    padding: 0;
  }
}
.single-full-slider .first-slide-content h2 {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .single-full-slider .first-slide-content h2 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .single-full-slider .first-slide-content h2 {
    font-size: 18px;
    line-height: 18px;
    padding: 15px 0;
  }
}
@media only screen and (max-width: 479px) {
  .single-full-slider .first-slide-content h2 {
    font-size: 16px;
  }
}
.single-full-slider .first-slide-content .home-btn5 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 46px;
  padding: 0 30px;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 30px;
}
.single-full-slider .first-slide-content .home-btn5:hover {
  background-color: #8C52FF;
  border-color: #8C52FF;
}
.single-full-slider .second-slide-content {
  max-width: 750px;
  margin: 0 0 0 auto;
  margin-top: 84px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-full-slider .second-slide-content {
    margin-top: 60px;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .single-full-slider .second-slide-content {
    margin-top: 0;
    padding-right: 0 !important;
  }
}
.single-full-slider .second-slide-content h1 {
  color: #202020;
  font-size: 60px;
  font-weight: 500;
  line-height: 60px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-full-slider .second-slide-content h1 {
    font-size: 50px;
    line-height: 50px;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-full-slider .second-slide-content h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 575px) {
  .single-full-slider .second-slide-content h1 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .single-full-slider .second-slide-content h1 {
    font-size: 25px;
    line-height: 25px;
  }
}
.single-full-slider .second-slide-content h3 {
  color: #D7BCFD;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-full-slider .second-slide-content h3 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-full-slider .second-slide-content h3 {
    font-size: 22px;
    padding: 15px 0;
  }
}
@media only screen and (max-width: 575px) {
  .single-full-slider .second-slide-content h3 {
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .single-full-slider .second-slide-content h3 {
    font-size: 16px;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 15px;
  }
}
.single-full-slider .second-slide-content .home-btn6 {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 46px;
  padding: 0 30px;
  background: #202020;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 30px;
}
.single-full-slider .second-slide-content .home-btn6:hover {
  background-color: #8C52FF;
}

#fp-nav ul li a span {
  width: 15px;
  height: 15px;
  background-color: #ccc;
}
#fp-nav ul li a.active span {
  width: 15px;
  height: 15px;
  margin: -2px 0 0 -2px;
  background-color: #202020;
}
#fp-nav ul li:hover a span {
  width: 15px;
  height: 15px;
  margin: -2px 0 0 -2px;
  background-color: #202020;
}
#fp-nav ul li:hover a.active span {
  width: 15px;
  height: 15px;
  margin: -2px 0 0 -2px;
}
#fp-nav.right {
  right: 35px;
}

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

/*------slider area end------*/
.slick-arrow-style2.slick-slider .slick-arrow {
  top: 50%;
  height: 48px;
  width: 48px;
  z-index: 9;
  line-height: 48px;
  font-size: 18px;
  text-align: center;
  position: absolute;
  background-color: #d6d6d6;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.slick-arrow-style2.slick-slider .slick-arrow.slick-prev {
  left: 0;
  right: auto;
}
.slick-arrow-style2.slick-slider .slick-arrow.slick-next {
  left: auto;
  right: 0;
}
.slick-arrow-style2.slick-slider .slick-arrow:hover {
  color: #fff;
  background-color: #face49;
}
.slick-arrow-style2.slick-slider:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
}
.slick-arrow-style2.arrow3.slick-slider .slick-arrow {
  border-radius: 0;
  width: 34px;
  height: 34px;
  line-height: 32px;
  background-color: #fff;
  border: 2px solid #ddd;
}
.slick-arrow-style2.arrow3.slick-slider .slick-arrow.slick-prev {
  left: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slick-arrow-style2.arrow3.slick-slider .slick-arrow.slick-prev {
    left: 0;
  }
}
.slick-arrow-style2.arrow3.slick-slider .slick-arrow.slick-next {
  right: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .slick-arrow-style2.arrow3.slick-slider .slick-arrow.slick-next {
    right: 0;
  }
}
.slick-arrow-style2.arrow3.slick-slider .slick-arrow:hover {
  color: #202020;
  background-color: #face49;
}

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

/*----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;
  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: #face49;
}
.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);
  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);
          transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-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);
          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;
  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);
          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);
            transform: rotate(0);
  }
}
@media only screen and (max-width: 767px) {
  .feature-single-item .text__left {
    left: 0;
    bottom: -30px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.feature-single-item .text__left span {
  font-size: 16px;
  position: relative;
  padding-left: 7px;
  text-transform: capitalize;
}
.feature-single-item .text__left span::before {
  top: 50%;
  right: 100%;
  content: "";
  width: 70px;
  height: 1px;
  position: absolute;
  background-color: #D7BCFD;
  -webkit-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;
  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);
          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: #face49;
  padding: 0 25px;
  z-index: 1;
  border-radius: 25px;
  -webkit-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: 65%;
  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: capitalize;
}
.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: #face49;
}
.product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h6 {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h6 a {
  color: #D7BCFD;
}
.product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner h6 a:hover {
  color: #face49;
}
.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: #face49;
}
.product-details-carousel-item .product__details_carousel_inner .product_detail_content_inner p {
  color: #D7BCFD;
  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: capitalize;
  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: #face49;
}
.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: #face49;
}
@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;
}

/*---- testimonial area css start ----*/
.testimonial-wrapper {
  background-image: url(../img/ba/baner.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.testimonial-slide-item .client-thumb {
  margin-bottom: 10px;
  display: inline-block;
}
.testimonial-slide-item .client-thumb img {
  border: 2px solid #fff;
  border-radius: 50%;
}
.testimonial-slide-item .testimonial-content {
  max-width: 70%;
  margin: 0 auto;
  font-size: 15px;
}
.testimonial-slide-item .testimonial-content .testimonial-des p {
  font-style: italic;
  line-height: 28px;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .testimonial-slide-item .testimonial-content {
    max-width: 90%;
  }
}

.testimonial-carousel-active .slick-slide.slick-current.slick-active {
  text-align: center;
}
.testimonial-carousel-active ul.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .testimonial-carousel-active ul.slick-dots {
    margin-top: 20px;
  }
}
.testimonial-carousel-active ul.slick-dots li {
  margin: 0 5px;
}
.testimonial-carousel-active ul.slick-dots li button {
  width: 12px;
  height: 12px;
  line-height: 12px;
  padding: 0;
  background-color: #96999c;
  border: none;
  border-radius: 50%;
  display: block;
  text-indent: -5000px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.testimonial-carousel-active ul.slick-dots li.slick-active button {
  background-color: #fff;
  width: 30px;
  border-radius: 10px;
}

/*---- testimonial area css end ----*/
/*----- best seller area start-----*/
.pro-carousel-area h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 50px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-carousel-area h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pro-carousel-area h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.pro-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pro-item .pro-item-thumb {
  width: 120px;
}
.pro-item .pro-item-des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 20px;
}
.pro-item .pro-item-des .pro-names h4 {
  font-size: 15px;
  line-height: 18px;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-item .pro-item-des .pro-names h4 {
    font-size: 13px;
  }
}
.pro-item .pro-item-des .pro-names h4 a {
  color: #202020;
}
.pro-item .pro-item-des .pro-names h4 a:hover {
  color: #face49;
}
.pro-item .pro-item-des .price-tag .new-pri {
  color: #202020;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-item .pro-item-des {
    margin-left: 8px;
  }
}

/*----- best seller area end-----*/
.brand-area {
  background: #f3f3f3;
}

.brand-slider-active .single-brand img {
  display: inline-block;
}

/*----- banner for home page 4 start ----*/
.banner-wrapper-h4 {
  background: url(../img/bb/baner3.webp);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 90px 0 100px;
}
@media only screen and (max-width: 767px) {
  .banner-wrapper-h4 {
    padding: 44px 0 54px;
  }
}

.banner4-inner h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  line-height: 52px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .banner4-inner h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .banner4-inner h1 {
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 0;
  }
}
.banner4-inner h3 {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .banner4-inner h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .banner4-inner h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.banner4-inner .banner-btn {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 56px;
  display: inline-block;
  padding: 0 30px;
  border-radius: 30px;
  border: 1px solid #fff;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .banner4-inner .banner-btn {
    font-size: 18px;
    line-height: 40px;
  }
}
.banner4-inner .banner-btn:hover {
  background: #7cbc3d;
  border-color: #7cbc3d;
}

/*----- banner for home page 4 end ----*/
/*---- categories area start ----*/
.single-categories-item {
  position: relative;
  overflow: hidden;
}
.single-categories-item .categories-thumb img {
  width: 100%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.single-categories-item .categories-des {
  bottom: 15%;
  left: 0;
  width: 100%;
  position: absolute;
  padding: 25px 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.single-categories-item .categories-des h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.single-categories-item .categories-des h2 a {
  color: #fff;
}
.single-categories-item .categories-des h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.single-categories-item .categories-des h3 a {
  color: #fff;
}
.single-categories-item:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (max-width: 575px) {
  .single-categories-item {
    margin-bottom: 30px;
  }
}

/*---- 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;
  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__title h2 {
  font-size: 30px;
  line-height: 28px;
  font-weight: 600;
  display: inline-block;
  padding: 0 20px;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 37px;
}
.section__title h2 span {
  color: #face49;
}
@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: 22px;
    margin-bottom: 10px;
  }
}
.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%);
          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%);
          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 {
  width: 100%;
}
.product__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;
  transition: all 0.4s ease-out;
}
.product__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;
  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;
  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);
          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: #face49;
}
.product__item:hover .action_link a {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.product__item .product__content h6 {
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  text-transform: capitalize;
}
.product__item .product__content h6 a {
  color: #202020;
}
.product__item .product__content h6 a:hover {
  color: #face49;
}
.product__item .product__content p {
  font-size: 13px;
  margin-bottom: 12px;
}
.product__item .product__content p a {
  color: #D7BCFD;
}
.product__item .product__content .product__price__Ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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: 15px;
  font-weight: 500;
}
.product__item .product__content .product__price__Ratings .price__box .regular-price .special-price {
  color: #cd3301;
}
.product__item .product__content .product__price__Ratings .price__box .old-price {
  color: #D7BCFD;
  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: #face49;
}
.product__item:hover a.img-overlay .sec-img {
  opacity: 1;
  visibility: visible;
}
.product__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;
  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;
  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: capitalize;
}
.product-list-item .product__List__content h2 a {
  color: #202020;
}
.product-list-item .product__List__content h2 a:hover {
  color: #face49;
}
.product-list-item .product__List__content h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 10px 0;
  text-transform: capitalize;
}
@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: #face49;
}
.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;
  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: #face49;
}
@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 ------*/
.product-carousel-active .slick-slide,
.product-carousel-active2 .slick-slide,
.blog-carousel-active .slick-slide {
  margin: 0 15px;
}

.custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.custom-checkbox .custom-control-input {
  width: 20px;
}

.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: #face49;
}
.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;
  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: 68%;
  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: #face49;
}
.blog-item-content .blog-item-content-inner .blog-content-holder p {
  color: #D7BCFD;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
.blog-item-content .blog-item-content-inner .blog-content-holder a.read_more {
  color: #D7BCFD;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
}
.blog-item-content .blog-item-content-inner .blog-content-holder a.read_more:hover {
  color: #face49;
}

/*----- 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;
  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: #face49;
}
@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: #D7BCFD;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.single-blog-item .blog-content a.read-more:hover {
  color: #face49;
}
.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: #D7BCFD;
  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: #face49;
}
.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: #face49;
  border-color: #face49;
}
.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: capitalize;
}
.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: #face49;
}
.single-blog-item .blog-content.blog-main blockquote {
  margin-left: 10px;
}
.single-blog-item .blog-content.blog-main blockquote p {
  border-left: 5px solid #face49;
  color: #D7BCFD;
  font-size: 16px;
  font-style: italic;
  padding: 0 10px;
}

/*----- blog area end for home 3 -----*/
/*---- newsletter area css start ----*/
.newsletter-area {
  background: url(../img/bg/bg-newletter.jpg);
  background-repeat: no-repeat;
  padding: 58px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .newsletter-area {
    padding: 56px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-area {
    padding: 40px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-area {
    background-size: cover;
    background-position: center center;
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-area {
    padding: 30px 20px;
  }
}
.newsletter-area .title-newsletter h2 {
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-area .title-newsletter h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-area .title-newsletter h2 {
    margin-bottom: 20px;
  }
}
.newsletter-area .title-newsletter p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.newsletter-area .newsletter-field {
  color: #fff;
  width: 100%;
  border: none;
  height: 48px;
  font-size: 14px;
  background-color: #e3b324;
  line-height: 24px;
  border: 1px solid #fff;
  padding: 0 15px;
  border-radius: 30px;
  margin-bottom: 20px;
}
.newsletter-area .submit-btn {
  color: #fff;
  font-size: 14px;
  border: none;
  background: #202020;
  height: 48px;
  border-radius: 30px;
  padding: 0 30px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.newsletter-area .submit-btn:hover {
  color: #face49;
  background-color: #fff;
}
.newsletter-area p {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  margin-top: 20px;
}
.newsletter-area ::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.newsletter-area ::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.newsletter-area :-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.newsletter-area ::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.newsletter-area ::placeholder {
  color: #fff;
  opacity: 1;
}
.newsletter-area :-ms-input-placeholder {
  color: #fff;
}
.newsletter-area ::-ms-input-placeholder {
  color: #fff;
}

/*---- newsletter area css end ----*/
/*------ blog page main content wrapper start -----*/
.blog-content-wrap .blog-comment-wrapper h3 {
  border-bottom: 1px solid #f0f0f0;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  padding: 30px 0 18px;
  text-transform: uppercase;
}
.blog-content-wrap .blog-comment-wrapper p {
  margin-bottom: 10px;
  padding-top: 10px;
}
.blog-content-wrap .blog-comment-wrapper .comment-post-box label {
  color: #202020;
  margin-bottom: 10px;
  display: block;
  text-transform: capitalize;
}
.blog-content-wrap .blog-comment-wrapper .comment-post-box .coment-field {
  background: #f8f8f8;
  border: 1px solid #ccc;
  color: #D7BCFD;
  padding: 8px 10px;
  width: 100%;
}
.blog-content-wrap .blog-comment-wrapper .comment-post-box textarea {
  height: 130px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  background: #f8f8f8;
  border: 1px solid #ccc;
}

/*----- blog page main content wrapper end -----*/
/*----- blog sidebar start -------*/
.blog-sidebar .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  position: relative;
}
.blog-sidebar .title::before {
  width: 55px;
  height: 2px;
  bottom: -10px;
  left: 0;
  background-color: #face49;
  content: "";
  position: absolute;
}
.blog-sidebar .search-field {
  width: calc(100% - 50px);
  border: 1px solid #ccc;
  padding: 0 10px;
  color: #D7BCFD;
  font-size: 14px;
  height: 50px;
  float: left;
  text-transform: capitalize;
}
.blog-sidebar .search-btn {
  width: 50px;
  height: 50px;
  margin-left: -4px;
  text-align: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
}
.blog-sidebar .search-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #202020;
}
.blog-sidebar .search-btn:hover i {
  color: #face49;
}
.blog-sidebar .blog-archive li {
  margin-bottom: 10px;
}
.blog-sidebar .blog-archive li a {
  color: #D7BCFD;
}
.blog-sidebar .blog-archive li a:hover {
  color: #face49;
}
.blog-sidebar .blog-tags li {
  display: inline-block;
  margin-bottom: 5px;
}
.blog-sidebar .blog-tags li a {
  color: #202020;
  font-size: 13px;
  border: 1px solid #ccc;
  padding: 7px 15px;
  display: inline-block;
  text-transform: uppercase;
}
.blog-sidebar .blog-tags li a:hover {
  background-color: #face49;
  border-color: #face49;
}
.blog-sidebar .recent-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-sidebar .recent-post .recent-post-thumb {
  width: 65px;
}
.blog-sidebar .recent-post .recent-post-des {
  padding-left: 10px;
}
.blog-sidebar .recent-post .recent-post-des span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 0;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-sidebar .recent-post .recent-post-des span {
    padding: 2px 0;
  }
}
.blog-sidebar .recent-post .recent-post-des span a {
  color: #D7BCFD;
}
.blog-sidebar .recent-post .recent-post-des span a:hover {
  color: #face49;
}
.blog-sidebar .recent-post .recent-post-des span.post-date {
  color: #D7BCFD;
  font-size: 13px;
  font-weight: 400;
}

/*----- blog sidebar end -------*/
/*----- 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: 90px 0;
}
@media only screen and (max-width: 767px) {
  .breadcrumb-wrap {
    padding: 35px 0;
  }
}
.breadcrumb-wrap .breadcrumb-title {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  .breadcrumb-wrap .breadcrumb-title {
    font-size: 20px;
    line-height: 20px;
  }
}
.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: #fff;
  font-size: 15px;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item a:hover {
  color: #face49;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item::before {
  color: #fff;
  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: #face49;
  font-size: 15px;
  text-transform: capitalize;
}

/*----- 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: #face49;
  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: #D7BCFD;
  text-transform: capitalize;
  line-height: 30px;
  position: relative;
  display: block;
}
.sidebar-category li a:hover {
  color: #face49;
}
.sidebar-category li a:hover::before {
  color: #face49;
}
.sidebar-category li a::before {
  position: absolute;
  left: 0;
  top: 0;
  color: #D7BCFD;
  line-height: 29px;
  font-family: Fontawesome;
  -webkit-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: capitalize;
  padding-left: 20px;
}
.sidebar-category li ul li a::before {
  content: "\f105";
  color: #D7BCFD;
}

/*----- 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: #D7BCFD;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-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: #face49;
}
.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: #face49;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-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: #D7BCFD;
}
.popular-item .pop-item-des span a:hover {
  color: #face49;
}
.popular-item .pop-item-des span.pop-price {
  color: #D7BCFD;
  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;
  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;
  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: #face49;
}
.top-bar-left .product-view-mode a.active {
  background-color: #face49;
}
.top-bar-left .product-amount p {
  color: #D7BCFD;
  text-transform: capitalize;
}

.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;
}
.top-bar-right .product-short p {
  margin-right: 10px;
}

.nice-select {
  width: 200px;
  padding: 0 10px;
}
.nice-select.open {
  border-color: #face49;
}
.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;
}

.shop-product-wrap.grid .product__item {
  display: block;
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.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: #D7BCFD;
  padding: 10px;
}
.paginatoin-area .pagination-box li.active a {
  color: #face49;
}

/* Checkout Login Coupon Accordion Start */
.checkoutaccordion h3 {
  background-color: #f8f8f8;
  border-top: 3px solid #face49;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 30px;
  padding: 15px 20px;
  position: relative;
  text-transform: uppercase;
}
.checkoutaccordion h3 span {
  color: #face49;
  cursor: pointer;
  -webkit-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;
  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;
}
.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: 150px;
  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: capitalize;
  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 textarea {
  color: #D7BCFD;
  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 textarea:active,
.single-input-item textarea:focus {
  border-color: #face49;
  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: #D7BCFD;
}
.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;
  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: #face49;
}
.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;
  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: #face49;
  border-color: #face49;
}

.custom-radio label:before,
.custom-radio .custom-control-label:before {
  border-radius: 50%;
  height: 14px;
  width: 14px;
}
.custom-radio label::after,
.custom-radio .custom-control-label::after {
  background-position: 1px 1px;
  background-size: 9px 8px;
  left: -22px;
  top: 2px;
  height: 10px;
  width: 10px;
}

/*===============================
Start Cart Page Wrapper
=================================*/
.cart-table .table {
  margin: 0;
  white-space: nowrap;
}
.cart-table .table thead {
  background-color: #face49;
}
.cart-table .table thead tr th {
  border-color: #face49;
  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: #face49;
}
.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: #D7BCFD;
}
.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: 15px 20px;
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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: 55%;
}
@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 form {
  -moz-align-items: center;
  -ms-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: 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;
  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: #face49;
}
@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-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: #face49;
  text-transform: capitalize;
  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: capitalize;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #face49;
}
.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;
  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: #face49;
  border-color: #face49;
  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: #face49;
}
.myaccount-content .welcome strong {
  font-weight: 600;
  color: #face49;
}
.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 #face49;
  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);
  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: 26px;
  line-height: 26px;
  text-transform: capitalize;
  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: capitalize;
  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: #face49;
}

/*------ 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 #face49;
  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: #D7BCFD;
}
.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;
  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: capitalize;
}
.team-member .team-content p {
  color: #D7BCFD;
  line-height: 20px;
}
.team-member .team-content a {
  color: #D7BCFD;
  line-height: 20px;
}
.team-member .team-content a:hover {
  color: #face49;
}
.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: #face49;
  border-color: #face49;
}
.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: #202020;
  border-radius: 50%;
  display: inline-block;
  -webkit-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: #face49;
}
.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: #face49;
}
@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 0.3s;
  transition: all 0.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: #face49;
}
@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: #face49;
}
.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: #face49;
  width: 70px;
  color: #fff;
  cursor: pointer;
}

/*---- Start Footer Area ----*/
.footer-top {
  background: #D7BCFD;
}
@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: #face49 !important;
  font-size: 15px;
  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: #fff;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 30px;
}
.footer-widget-content ul.location li {
  color: #fff;
  font-size: 13px;
  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: #face49 !important;
  padding-right: 5px;
}
.footer-widget-content ul li {
  margin-bottom: 10px;
}
.footer-widget-content ul li a {
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  display: block;
  text-transform: capitalize;
}
.footer-widget-content ul li a:hover {
  color: #face49;
  padding-left: 10px;
}

.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: #face49;
}
.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;
  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: #8C52FF;
  padding: 35px 0;
}
.footer-bottom .copyright-text p {
  color: #000;
  font-size: 13px;
  line-height: 30px;
}
.footer-bottom .copyright-text p a {
  color: #face49;
}
@media only screen and (max-width: 575px) {
  .footer-bottom .copyright-text {
    text-align: center;
  }
}
.footer-bottom .footer-social-link {
  margin-top: 5px;
}
.footer-bottom .footer-social-link ul li {
  display: inline-block;
  margin-left: 30px;
}
.footer-bottom .footer-social-link ul li a {
  color: #000;
  font-size: 15px;
}
.footer-bottom .footer-social-link ul li a:hover {
  color: #face49;
}
.footer-bottom .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: #8C52FF!important;
}
.brand-color2 a.active {
  color: #8C52FF!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: #8C52FF;
}

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

.header-cart-option.brand-color2 li:hover {
  color: #8C52FF;
}
.header-cart-option.brand-color2 li button:hover {
  color: #8C52FF;
}
.header-cart-option.brand-color2 li ul.mini-cart-drop-down {
  border-top-color: #8C52FF;
}
.header-cart-option.brand-color2.hm-5 .account-list {
  border-top-color: #8C52FF;
}
.header-cart-option.brand-color2.hm-5 .account-list a:hover {
  background-color: transparent;
}
.header-cart-option .cart-button:hover {
  color: #fff !important;
  background-color: #8C52FF!important;
}

.brand-color2 .home-btn {
  color: #fff !important;
  background-color: #8C52FF!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: #8C52FF!important;
}

.brand-color2 h2 span {
  color: #8C52FF!important;
}

footer .brand-color2 .footer-title h6 {
  color: #8C52FF!important;
}
footer .brand-color2 ul.location li i {
  color: #8C52FF!important;
}
footer .brand-color2 .footer-social-link a:hover {
  color: #8C52FF!important;
}
footer .brand-color2 .copyright-text a {
  color: #D7BCFD !important;
}

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

.newsletter-area.brand-color2 {
  background-color: #8C52FF!important;
  background-image: none;
}
.newsletter-area.brand-color2 .newsletter-field {
  background: #D7BCFD;
}
.newsletter-area.brand-color2 .submit-btn {
  color: #8C52FF;
  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: #7cbc3d !important;
}
.brand-color3 a.active {
  color: #7cbc3d !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: #7cbc3d;
}

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

.header-cart-option.brand-color3 li:hover {
  color: #7cbc3d;
}
.header-cart-option.brand-color3 li button:hover {
  color: #7cbc3d;
}
.header-cart-option.brand-color3 li ul.mini-cart-drop-down {
  border-top-color: #7cbc3d;
}
.header-cart-option .cart-button:hover {
  color: #fff !important;
  background-color: #7cbc3d !important;
}

.brand-color3 .home-btn {
  color: #fff !important;
  background-color: #7cbc3d !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: #7cbc3d !important;
}

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

footer .brand-color3 .footer-title h6 {
  color: #7cbc3d !important;
}
footer .brand-color3 ul.location li i {
  color: #7cbc3d !important;
}
footer .brand-color3 .footer-social-link a:hover {
  color: #7cbc3d !important;
}
footer .brand-color3 .copyright-text a {
  color: #7cbc3d !important;
}

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

.newsletter-area.brand-color3 {
  background-color: #7cbc3d !important;
  background-image: none;
}
.newsletter-area.brand-color3 .newsletter-field {
  background: #ffffff;
}
.newsletter-area.brand-color3 .submit-btn {
  color: #7cbc3d;
  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: #face49;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-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 #face49;
}

/*----- 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: capitalize;
}
.product__details__content h2 a {
  color: #202020;
}
.product__details__content h2 a:hover {
  color: #face49;
}
.product__details__content h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 10px 0;
  text-transform: capitalize;
}
@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: #face49;
}
.product__details__content .ratings a {
  color: #D7BCFD;
  padding-left: 10px;
  text-transform: capitalize;
}
.product__details__content .ratings a:hover {
  color: #face49;
}
.product__details__content .price-box .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: #D7BCFD;
}
.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: #D7BCFD;
  margin-right: 10px;
}
.product__details__content .useful-links a:hover {
  color: #face49;
}
.product__details__content .useful-links a i {
  color: #face49;
  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: #D7BCFD;
  font-size: 14px;
  margin-right: 10px;
}
.product__details__content .tag-line a:hover {
  color: #face49;
}
.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: capitalize;
}
.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: capitalize;
}
@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: #D7BCFD;
  text-transform: capitalize;
}
.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: #D7BCFD;
}
.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: #D7BCFD;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.product-review-info ul.nav-pills li a.active {
  color: #202020;
  background-color: transparent;
}
.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;
  transition: all 0.4s ease-out;
}
.product-review-info .rev-btn:hover {
  color: #202020;
  background-color: #face49;
}

/*----- 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%;
  }
}